@stargazers-stella/cosmic-ui 0.1.4 → 0.1.5

package/README.md

@@ -22,18 +22,9 @@ Add your images to `docs/screenshots/` and replace these placeholders.
 - UI primitives: Radix UI (`@radix-ui/*`)
 - Styling utilities: `class-variance-authority`, `clsx`, `tailwind-merge`
 - Icons/toasts: `lucide-react`, `sonner`
-- CI/publishing: GitHub Actions -> GitHub Packages (`npm.pkg.github.com`)
+- Publishing: npmjs (`https://registry.npmjs.org/`)
 
 ## Install
-This package is configured for GitHub Packages (`npm.pkg.github.com`).
-
-1) Add an `.npmrc` (project or user-level):
-```ini
-@stargazers-stella:registry=https://npm.pkg.github.com
-//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN}
-```
-
-2) Install:
 ```sh
 npm install @stargazers-stella/cosmic-ui
 ```
@@ -94,3 +85,14 @@ npm run build
 ```
 
 Output goes to `dist/` (`dist/index.js`, `dist/index.cjs`, `dist/index.d.ts`).
+
+## Running Examples
+To view the component showcase:
+
+```sh
+cd examples/showcase
+npm install
+npm run dev
+```
+
+This starts a Vite dev server (usually at http://localhost:5173) showing all cosmic-ui components in action.

package/dist/index.cjs

@@ -464,7 +464,6 @@ function useUncontrolledState({
 function isFunction(value) {
   return typeof value === "function";
 }
-var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 
 // node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
 var React13 = __toESM(require("react"), 1);
@@ -517,7 +516,7 @@ function createSlotClone(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 function isSlottable(child) {
   return React9.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
@@ -586,7 +585,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot2 : node;
     if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
+      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
   });
@@ -2370,7 +2369,7 @@ var DialogContent2 = React28.forwardRef(({ className, children, ...props }, ref)
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 rounded-xl border border-border bg-popover p-6 shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 rounded-xl border border-border bg-popover p-6 shadow-xl transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100",
         className
       ),
       ...props,
@@ -2544,7 +2543,7 @@ var DropdownMenuSubContent = React30.forwardRef(({ className, ...props }, ref) =
   {
     ref,
     className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "z-50 min-w-[8rem] w-auto overflow-hidden rounded-lg border border-border bg-popover p-1 text-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out",
       className
     ),
     ...props
@@ -2557,7 +2556,7 @@ var DropdownMenuContent = React30.forwardRef(({ className, sideOffset = 6, ...pr
     ref,
     sideOffset,
     className: cn(
-      "z-50 min-w-[10rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "z-50 min-w-[10rem] w-auto overflow-hidden rounded-lg border border-border bg-popover p-1 text-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out",
       className
     ),
     ...props
@@ -2696,7 +2695,7 @@ var SelectContent = React32.forwardRef(({ className, children, position = "poppe
   {
     ref,
     className: cn(
-      "relative z-50 min-w-[10rem] overflow-hidden rounded-lg border border-border bg-popover text-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "relative z-50 min-w-[10rem] w-auto overflow-hidden rounded-lg border border-border bg-popover text-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out",
       position === "popper" && "translate-y-1",
       className
     ),
@@ -2704,7 +2703,16 @@ var SelectContent = React32.forwardRef(({ className, children, position = "poppe
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center py-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.Viewport, { className: "p-1", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center py-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" }) })
     ]
   }