chore(release): version packages (#1663 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
minify cli (#1662 )
2026-06-15 20:01:35 +00:00 · 2023-10-03 18:39:32 +04:00 · 2023-10-03 18:20:58 +04:00 · 2023-10-03 17:38:10 +04:00 · 2023-10-03 17:12:40 +04:00 · 2023-10-03 17:02:31 +04:00
18 changed files with 69 additions and 47 deletions
--- a/apps/www/components/copy-button.tsx
+++ b/apps/www/components/copy-button.tsx
@@ -151,7 +151,7 @@ export function CopyNpmCommandButton({
  }, [hasCopied])

  const copyCommand = React.useCallback(
-    (value: string, pm: "npm" | "pnpm" | "yarn") => {
+    (value: string, pm: "npm" | "pnpm" | "yarn" | "bun") => {
      copyToClipboardWithMeta(value, {
        name: "copy_npm_command",
        properties: {
@@ -199,6 +199,11 @@ export function CopyNpmCommandButton({
        >
          pnpm
        </DropdownMenuItem>
+        <DropdownMenuItem
+          onClick={() => copyCommand(commands.__bunCommand__, "bun")}
+        >
+          bun
+        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
--- a/apps/www/components/mdx-components.tsx
+++ b/apps/www/components/mdx-components.tsx
@@ -170,8 +170,9 @@ const components = {
    className,
    __rawString__,
    __npmCommand__,
-    __pnpmCommand__,
    __yarnCommand__,
+    __pnpmCommand__,
+    __bunCommand__,
    __withMeta__,
    __src__,
    __event__,
@@ -201,16 +202,20 @@ const components = {
            className={cn("absolute right-4 top-4", __withMeta__ && "top-16")}
          />
        )}
-        {__npmCommand__ && __yarnCommand__ && __pnpmCommand__ && (
-          <CopyNpmCommandButton
-            commands={{
-              __npmCommand__,
-              __pnpmCommand__,
-              __yarnCommand__,
-            }}
-            className={cn("absolute right-4 top-4", __withMeta__ && "top-16")}
-          />
-        )}
+        {__npmCommand__ &&
+          __yarnCommand__ &&
+          __pnpmCommand__ &&
+          __bunCommand__ && (
+            <CopyNpmCommandButton
+              commands={{
+                __npmCommand__,
+                __yarnCommand__,
+                __pnpmCommand__,
+                __bunCommand__,
+              }}
+              className={cn("absolute right-4 top-4", __withMeta__ && "top-16")}
+            />
+          )}
      </StyleWrapper>
    )
  },
--- a/apps/www/lib/rehype-npm-command.ts
+++ b/apps/www/lib/rehype-npm-command.ts
@@ -20,6 +20,10 @@ export function rehypeNpmCommand() {
          "npm install",
          "pnpm add"
        )
+        node.properties["__bunCommand__"] = npmCommand.replace(
+          "npm install",
+          "bun add"
+        )
      }

      // npx create.
@@ -34,6 +38,7 @@ export function rehypeNpmCommand() {
          "npx create-",
          "pnpm create "
        )
+        node.properties["__bunCommand__"] = npmCommand.replace("npx", "bunx")
      }

      // npx.
@@ -48,6 +53,7 @@ export function rehypeNpmCommand() {
          "npx",
          "pnpm dlx"
        )
+        node.properties["__bunCommand__"] = npmCommand.replace("npx", "bunx")
      }
    })
  }
--- a/apps/www/registry/default/example/combobox-form.tsx
+++ b/apps/www/registry/default/example/combobox-form.tsx
@@ -95,8 +95,8 @@ export default function ComboboxForm() {
                </PopoverTrigger>
                <PopoverContent className="w-[200px] p-0">
                  <Command>
-                    <CommandInput placeholder="Search framework..." />
-                    <CommandEmpty>No framework found.</CommandEmpty>
+                    <CommandInput placeholder="Search language..." />
+                    <CommandEmpty>No language found.</CommandEmpty>
                    <CommandGroup>
                      {languages.map((language) => (
                        <CommandItem
--- a/apps/www/registry/default/ui/alert-dialog.tsx
+++ b/apps/www/registry/default/ui/alert-dialog.tsx
@@ -10,13 +10,7 @@ const AlertDialog = AlertDialogPrimitive.Root

 const AlertDialogTrigger = AlertDialogPrimitive.Trigger

-const AlertDialogPortal = ({
-  className,
-  ...props
-}: AlertDialogPrimitive.AlertDialogPortalProps) => (
-  <AlertDialogPrimitive.Portal className={cn(className)} {...props} />
-)
-AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName
+const AlertDialogPortal = AlertDialogPrimitive.Portal

 const AlertDialogOverlay = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
@@ -134,6 +128,8 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName

 export {
  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
  AlertDialogTrigger,
  AlertDialogContent,
  AlertDialogHeader,
--- a/apps/www/registry/default/ui/dialog.tsx
+++ b/apps/www/registry/default/ui/dialog.tsx
@@ -10,13 +10,7 @@ const Dialog = DialogPrimitive.Root

 const DialogTrigger = DialogPrimitive.Trigger

-const DialogPortal = ({
-  className,
-  ...props
-}: DialogPrimitive.DialogPortalProps) => (
-  <DialogPrimitive.Portal className={cn(className)} {...props} />
-)
-DialogPortal.displayName = DialogPrimitive.Portal.displayName
+const DialogPortal = DialogPrimitive.Portal

 const DialogOverlay = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Overlay>,
@@ -114,6 +108,8 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName

 export {
  Dialog,
+  DialogPortal,
+  DialogOverlay,
  DialogTrigger,
  DialogContent,
  DialogHeader,
--- a/apps/www/registry/default/ui/scroll-area.tsx
+++ b/apps/www/registry/default/ui/scroll-area.tsx
@@ -40,7 +40,12 @@ const ScrollBar = React.forwardRef<
    )}
    {...props}
  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+    <ScrollAreaPrimitive.ScrollAreaThumb
+      className={cn(
+        "relative rounded-full bg-border",
+        orientation === "vertical" && "flex-1"
+      )}
+    />
  </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
--- a/apps/www/registry/default/ui/sheet.tsx
+++ b/apps/www/registry/default/ui/sheet.tsx
@@ -134,6 +134,8 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName

 export {
  Sheet,
+  SheetPortal,
+  SheetOverlay,
  SheetTrigger,
  SheetClose,
  SheetContent,
--- a/apps/www/registry/default/ui/table.tsx
+++ b/apps/www/registry/default/ui/table.tsx
@@ -6,7 +6,7 @@ const Table = React.forwardRef<
  HTMLTableElement,
  React.HTMLAttributes<HTMLTableElement>
 >(({ className, ...props }, ref) => (
-  <div className="w-full overflow-auto">
+  <div className="relative w-full overflow-auto">
    <table
      ref={ref}
      className={cn("w-full caption-bottom text-sm", className)}
--- a/apps/www/registry/new-york/ui/alert-dialog.tsx
+++ b/apps/www/registry/new-york/ui/alert-dialog.tsx
@@ -10,13 +10,7 @@ const AlertDialog = AlertDialogPrimitive.Root

 const AlertDialogTrigger = AlertDialogPrimitive.Trigger

-const AlertDialogPortal = ({
-  className,
-  ...props
-}: AlertDialogPrimitive.AlertDialogPortalProps) => (
-  <AlertDialogPrimitive.Portal className={cn(className)} {...props} />
-)
-AlertDialogPortal.displayName = AlertDialogPrimitive.Portal.displayName
+const AlertDialogPortal = AlertDialogPrimitive.Portal

 const AlertDialogOverlay = React.forwardRef<
  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
@@ -134,6 +128,8 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName

 export {
  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
  AlertDialogTrigger,
  AlertDialogContent,
  AlertDialogHeader,
--- a/apps/www/registry/new-york/ui/dialog.tsx
+++ b/apps/www/registry/new-york/ui/dialog.tsx
@@ -10,13 +10,7 @@ const Dialog = DialogPrimitive.Root

 const DialogTrigger = DialogPrimitive.Trigger

-const DialogPortal = ({
-  className,
-  ...props
-}: DialogPrimitive.DialogPortalProps) => (
-  <DialogPrimitive.Portal className={cn(className)} {...props} />
-)
-DialogPortal.displayName = DialogPrimitive.Portal.displayName
+const DialogPortal = DialogPrimitive.Portal

 const DialogOverlay = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Overlay>,
@@ -114,6 +108,8 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName

 export {
  Dialog,
+  DialogPortal,
+  DialogOverlay,
  DialogTrigger,
  DialogContent,
  DialogHeader,
--- a/apps/www/registry/new-york/ui/scroll-area.tsx
+++ b/apps/www/registry/new-york/ui/scroll-area.tsx
@@ -40,7 +40,12 @@ const ScrollBar = React.forwardRef<
    )}
    {...props}
  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+    <ScrollAreaPrimitive.ScrollAreaThumb
+      className={cn(
+        "relative rounded-full bg-border",
+        orientation === "vertical" && "flex-1"
+      )}
+    />
  </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
--- a/apps/www/registry/new-york/ui/sheet.tsx
+++ b/apps/www/registry/new-york/ui/sheet.tsx
@@ -134,6 +134,8 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName

 export {
  Sheet,
+  SheetPortal,
+  SheetOverlay,
  SheetTrigger,
  SheetClose,
  SheetContent,
--- a/apps/www/registry/new-york/ui/table.tsx
+++ b/apps/www/registry/new-york/ui/table.tsx
@@ -6,7 +6,7 @@ const Table = React.forwardRef<
  HTMLTableElement,
  React.HTMLAttributes<HTMLTableElement>
 >(({ className, ...props }, ref) => (
-  <div className="w-full overflow-auto">
+  <div className="relative w-full overflow-auto">
    <table
      ref={ref}
      className={cn("w-full caption-bottom text-sm", className)}
--- a/apps/www/types/unist.ts
+++ b/apps/www/types/unist.ts
@@ -27,4 +27,5 @@ export interface NpmCommands {
  __npmCommand__?: string
  __yarnCommand__?: string
  __pnpmCommand__?: string
+  __bunCommand__?: string
 }
--- a/packages/cli/CHANGELOG.md
+++ b/packages/cli/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @shadcn/ui

+## 0.4.1
+
+### Patch Changes
+
+- [#1662](https://github.com/shadcn-ui/ui/pull/1662) [`95a9673`](https://github.com/shadcn-ui/ui/commit/95a9673b1ec6a1954d941d35624ad2cd93faccc4) Thanks [@shadcn](https://github.com/shadcn)! - minify build
+
 ## 0.4.0

 ### Minor Changes
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
  "name": "shadcn-ui",
-  "version": "0.4.0",
+  "version": "0.4.1",
  "description": "Add components to your apps.",
  "publishConfig": {
    "access": "public"
--- a/packages/cli/tsup.config.ts
+++ b/packages/cli/tsup.config.ts
@@ -6,6 +6,7 @@ export default defineConfig({
  entry: ["src/index.ts"],
  format: ["esm"],
  sourcemap: true,
+  minify: true,
  target: "esnext",
  outDir: "dist",
 })
Author	SHA1	Message	Date
github-actions[bot]	c765635e13	chore(release): version packages (#1663 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-03 18:39:32 +04:00
shadcn	95a9673b1e	minify cli (#1662 ) * chore(shadcn-ui): minify build * chore: add changeset	2023-10-03 18:20:58 +04:00
Oguz Kazkayasi	617cdd0e77	docs(www): framework is changed to language at language search example (#1646 ) Co-authored-by: shadcn <m@shadcn.com>	2023-10-03 17:38:10 +04:00
shadcn	1536b7824e	feat: export portal and overlay for alert-dialog, dialog and sheet (#1660 )	2023-10-03 17:12:40 +04:00
Rohid	524e4b8b95	fix(alert-dialog): update portal component (#1603 )	2023-10-03 17:02:31 +04:00
Diego Franchina	1f16cf4728	fix(scroll-area): added conditional flex-1 (#1296 )	2023-09-25 15:29:05 +04:00
Rohan Godha	4f8d768e59	docs(www): add bun support for installation commands (#1445 ) * feat(www): add bun support for commands * chore: remove changeset --------- Co-authored-by: shadcn <m@shadcn.com>	2023-09-21 17:30:29 +04:00
Shoaib Ahmed	c0deeac0d0	fix(table): add relative class to handle overflow issue (#1370 )	2023-09-19 19:17:38 +04:00