@nextlyhq/ui 0.0.2-alpha.5 → 0.0.2-alpha.50

package/dist/tailwind-preset.mjs

@@ -0,0 +1,93 @@
+// src/tailwind-preset.ts
+var statusScale = (base) => ({
+  50: `color-mix(in srgb, var(${base}), white 95%)`,
+  100: `color-mix(in srgb, var(${base}), white 90%)`,
+  200: `color-mix(in srgb, var(${base}), white 70%)`,
+  300: `color-mix(in srgb, var(${base}), white 50%)`,
+  400: `color-mix(in srgb, var(${base}), white 30%)`,
+  500: `var(${base})`,
+  600: `color-mix(in srgb, var(${base}), black 10%)`,
+  700: `color-mix(in srgb, var(${base}), black 30%)`,
+  800: `color-mix(in srgb, var(${base}), black 50%)`,
+  900: `color-mix(in srgb, var(${base}), black 70%)`,
+  950: `color-mix(in srgb, var(${base}), black 85%)`
+});
+var uiPreset = {
+  theme: {
+    extend: {
+      colors: {
+        border: "var(--nx-border)",
+        input: "var(--nx-input)",
+        ring: "var(--nx-ring)",
+        background: "var(--nx-background)",
+        foreground: "var(--nx-foreground)",
+        primary: {
+          DEFAULT: "var(--nx-primary)",
+          foreground: "var(--nx-primary-foreground)"
+        },
+        secondary: {
+          DEFAULT: "var(--nx-secondary)",
+          foreground: "var(--nx-secondary-foreground)"
+        },
+        destructive: {
+          DEFAULT: "var(--nx-destructive)",
+          // Saturated fill for solid buttons, distinct from the text-tuned base.
+          solid: "var(--nx-destructive-solid)",
+          foreground: "var(--nx-destructive-foreground)",
+          ...statusScale("--nx-destructive")
+        },
+        success: {
+          DEFAULT: "var(--nx-success)",
+          solid: "var(--nx-success-solid)",
+          foreground: "var(--nx-success-foreground)",
+          ...statusScale("--nx-success")
+        },
+        warning: {
+          DEFAULT: "var(--nx-warning)",
+          foreground: "var(--nx-warning-foreground)",
+          ...statusScale("--nx-warning")
+        },
+        muted: {
+          DEFAULT: "var(--nx-muted)",
+          foreground: "var(--nx-muted-foreground)"
+        },
+        accent: {
+          DEFAULT: "var(--nx-accent)",
+          foreground: "var(--nx-accent-foreground)"
+        },
+        popover: {
+          DEFAULT: "var(--nx-popover)",
+          foreground: "var(--nx-popover-foreground)"
+        },
+        card: {
+          DEFAULT: "var(--nx-card)",
+          foreground: "var(--nx-card-foreground)"
+        }
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)"
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" }
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" }
+        }
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.3s cubic-bezier(0.87, 0, 0.13, 1)",
+        "accordion-up": "accordion-up 0.3s cubic-bezier(0.87, 0, 0.13, 1)"
+      }
+    }
+  }
+};
+var tailwind_preset_default = uiPreset;
+
+export { tailwind_preset_default as default, uiPreset };
+//# sourceMappingURL=tailwind-preset.mjs.map
+//# sourceMappingURL=tailwind-preset.mjs.map

package/dist/tailwind-preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","file":"tailwind-preset.mjs","sourcesContent":["/**\n * Tailwind CSS preset for @nextlyhq/ui components.\n *\n * Defines the CSS custom property contract that all UI components expect.\n * Consumers must provide the actual CSS variable values in their stylesheets.\n *\n * Usage (Tailwind v3, ESM):\n *   // tailwind.config.ts\n *   import uiPreset from \"@nextlyhq/ui/tailwind-preset\";\n *   export default { presets: [uiPreset], ... };\n *\n * Usage (Tailwind v3, CommonJS):\n *   // tailwind.config.js\n *   const { uiPreset } = require(\"@nextlyhq/ui/tailwind-preset\");\n *   module.exports = { presets: [uiPreset], ... };\n *\n * Usage (Tailwind v4 with @config):\n *   Consumers define the equivalent @theme tokens in their CSS.\n *   This file serves as the reference contract.\n */\n/**\n * The numbered shade scale for a status color, mixed from its base the same way\n * the v4 `@theme` block does, so v3 preset consumers get the same utilities the\n * components emit (`bg-destructive-700`, `bg-success-100 text-success-700`, ...).\n */\nconst statusScale = (base: string): Record<number, string> => ({\n  50: `color-mix(in srgb, var(${base}), white 95%)`,\n  100: `color-mix(in srgb, var(${base}), white 90%)`,\n  200: `color-mix(in srgb, var(${base}), white 70%)`,\n  300: `color-mix(in srgb, var(${base}), white 50%)`,\n  400: `color-mix(in srgb, var(${base}), white 30%)`,\n  500: `var(${base})`,\n  600: `color-mix(in srgb, var(${base}), black 10%)`,\n  700: `color-mix(in srgb, var(${base}), black 30%)`,\n  800: `color-mix(in srgb, var(${base}), black 50%)`,\n  900: `color-mix(in srgb, var(${base}), black 70%)`,\n  950: `color-mix(in srgb, var(${base}), black 85%)`,\n});\n\nconst uiPreset = {\n  theme: {\n    extend: {\n      colors: {\n        border: \"var(--nx-border)\",\n        input: \"var(--nx-input)\",\n        ring: \"var(--nx-ring)\",\n        background: \"var(--nx-background)\",\n        foreground: \"var(--nx-foreground)\",\n        primary: {\n          DEFAULT: \"var(--nx-primary)\",\n          foreground: \"var(--nx-primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--nx-secondary)\",\n          foreground: \"var(--nx-secondary-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--nx-destructive)\",\n          // Saturated fill for solid buttons, distinct from the text-tuned base.\n          solid: \"var(--nx-destructive-solid)\",\n          foreground: \"var(--nx-destructive-foreground)\",\n          ...statusScale(\"--nx-destructive\"),\n        },\n        success: {\n          DEFAULT: \"var(--nx-success)\",\n          solid: \"var(--nx-success-solid)\",\n          foreground: \"var(--nx-success-foreground)\",\n          ...statusScale(\"--nx-success\"),\n        },\n        warning: {\n          DEFAULT: \"var(--nx-warning)\",\n          foreground: \"var(--nx-warning-foreground)\",\n          ...statusScale(\"--nx-warning\"),\n        },\n        muted: {\n          DEFAULT: \"var(--nx-muted)\",\n          foreground: \"var(--nx-muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--nx-accent)\",\n          foreground: \"var(--nx-accent-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--nx-popover)\",\n          foreground: \"var(--nx-popover-foreground)\",\n        },\n        card: {\n          DEFAULT: \"var(--nx-card)\",\n          foreground: \"var(--nx-card-foreground)\",\n        },\n      },\n      borderRadius: {\n        lg: \"var(--radius)\",\n        md: \"calc(var(--radius) - 2px)\",\n        sm: \"calc(var(--radius) - 4px)\",\n      },\n      keyframes: {\n        \"accordion-down\": {\n          from: { height: \"0\" },\n          to: { height: \"var(--radix-accordion-content-height)\" },\n        },\n        \"accordion-up\": {\n          from: { height: \"var(--radix-accordion-content-height)\" },\n          to: { height: \"0\" },\n        },\n      },\n      animation: {\n        \"accordion-down\": \"accordion-down 0.3s cubic-bezier(0.87, 0, 0.13, 1)\",\n        \"accordion-up\": \"accordion-up 0.3s cubic-bezier(0.87, 0, 0.13, 1)\",\n      },\n    },\n  },\n};\n\n// Exported both ways on purpose. CommonJS cannot represent a default-only\n// module without `module.exports =`, which makes the emitted declarations\n// disagree with the runtime shape (attw's FalseExportDefault); a named export\n// alongside it keeps `require()` and `import` consistent and typed.\nexport { uiPreset };\nexport default uiPreset;\n"]}