@bergetai/ui 0.16.1 → 0.16.2

package/dist/components/slider/Slider.cjs

@@ -6,14 +6,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Berget wrapper for the base-nova Slider primitive.
 *
-* Track (bg-muted) and range indicator (bg-primary) resolve through the
-* shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
-* override needed is the thumb fill: the primitive hardcodes `bg-white`,
-* which is a raw value that doesn't track the theme — here it uses Peak
-* (granite-50), matching the primary button foreground treatment.
+* Overrides the primitive's hardcoded surfaces, which don't resolve in the
+* Berget themes: the track's `bg-muted` equals the dark page background
+* (both granite-950), so the track is invisible; the thumb hardcodes
+* `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+* the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+* Peak (granite-50), matching the primary button foreground treatment.
+* The range indicator keeps the primitive's `bg-primary` (Moss).
 */
 const Slider = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_slider.Slider, {
-	className: require_utils.cn("**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
+	className: require_utils.cn("**:data-[slot=slider-track]:bg-berget-surface-raised", "**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
 	...props
 });
 Slider.displayName = "Slider";

package/dist/components/slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","names":["SliderPrimitive","cn"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Track (bg-muted) and range indicator (bg-primary) resolve through the\n * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only\n * override needed is the thumb fill: the primitive hardcodes `bg-white`,\n * which is a raw value that doesn't track the theme — here it uses Peak\n * (granite-50), matching the primary button foreground treatment.\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn('**:data-[slot=slider-thumb]:bg-berget-brand-granite-50', className)}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;CACE,WAAWC,cAAAA,GAAG,0DAA0D,SAAS;CACjF,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}
+{"version":3,"file":"Slider.cjs","names":["SliderPrimitive","cn"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Overrides the primitive's hardcoded surfaces, which don't resolve in the\n * Berget themes: the track's `bg-muted` equals the dark page background\n * (both granite-950), so the track is invisible; the thumb hardcodes\n * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —\n * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses\n * Peak (granite-50), matching the primary button foreground treatment.\n * The range indicator keeps the primitive's `bg-primary` (Moss).\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn(\n      '**:data-[slot=slider-track]:bg-berget-surface-raised',\n      '**:data-[slot=slider-thumb]:bg-berget-brand-granite-50',\n      className,\n    )}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;CACE,WAAWC,cAAAA,GACT,wDACA,0DACA,SACF;CACA,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}

package/dist/components/slider/Slider.d.cts

@@ -5,11 +5,13 @@ export type SliderProps = React.ComponentProps<typeof Slider$1>;
 /**
  * Berget wrapper for the base-nova Slider primitive.
  *
- * Track (bg-muted) and range indicator (bg-primary) resolve through the
- * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
- * override needed is the thumb fill: the primitive hardcodes `bg-white`,
- * which is a raw value that doesn't track the theme — here it uses Peak
- * (granite-50), matching the primary button foreground treatment.
+ * Overrides the primitive's hardcoded surfaces, which don't resolve in the
+ * Berget themes: the track's `bg-muted` equals the dark page background
+ * (both granite-950), so the track is invisible; the thumb hardcodes
+ * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+ * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+ * Peak (granite-50), matching the primary button foreground treatment.
+ * The range indicator keeps the primitive's `bg-primary` (Moss).
  */
 declare const Slider: {
   ({ className, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/slider/Slider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.cts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;cAWhD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}
+{"version":3,"file":"Slider.d.cts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;;;cAahD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}

package/dist/components/slider/Slider.d.mts

@@ -5,11 +5,13 @@ export type SliderProps = React.ComponentProps<typeof Slider$1>;
 /**
  * Berget wrapper for the base-nova Slider primitive.
  *
- * Track (bg-muted) and range indicator (bg-primary) resolve through the
- * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
- * override needed is the thumb fill: the primitive hardcodes `bg-white`,
- * which is a raw value that doesn't track the theme — here it uses Peak
- * (granite-50), matching the primary button foreground treatment.
+ * Overrides the primitive's hardcoded surfaces, which don't resolve in the
+ * Berget themes: the track's `bg-muted` equals the dark page background
+ * (both granite-950), so the track is invisible; the thumb hardcodes
+ * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+ * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+ * Peak (granite-50), matching the primary button foreground treatment.
+ * The range indicator keeps the primitive's `bg-primary` (Moss).
  */
 declare const Slider: {
   ({ className, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/slider/Slider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.mts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;cAWhD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}
+{"version":3,"file":"Slider.d.mts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;;;cAahD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}

package/dist/components/slider/Slider.mjs

@@ -6,14 +6,16 @@ import { jsx } from "react/jsx-runtime";
 /**
 * Berget wrapper for the base-nova Slider primitive.
 *
-* Track (bg-muted) and range indicator (bg-primary) resolve through the
-* shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
-* override needed is the thumb fill: the primitive hardcodes `bg-white`,
-* which is a raw value that doesn't track the theme — here it uses Peak
-* (granite-50), matching the primary button foreground treatment.
+* Overrides the primitive's hardcoded surfaces, which don't resolve in the
+* Berget themes: the track's `bg-muted` equals the dark page background
+* (both granite-950), so the track is invisible; the thumb hardcodes
+* `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+* the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+* Peak (granite-50), matching the primary button foreground treatment.
+* The range indicator keeps the primitive's `bg-primary` (Moss).
 */
 const Slider = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider$1, {
-	className: cn("**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
+	className: cn("**:data-[slot=slider-track]:bg-berget-surface-raised", "**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
 	...props
 });
 Slider.displayName = "Slider";

package/dist/components/slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Track (bg-muted) and range indicator (bg-primary) resolve through the\n * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only\n * override needed is the thumb fill: the primitive hardcodes `bg-white`,\n * which is a raw value that doesn't track the theme — here it uses Peak\n * (granite-50), matching the primary button foreground treatment.\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn('**:data-[slot=slider-thumb]:bg-berget-brand-granite-50', className)}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,oBAACA,UAAD;CACE,WAAW,GAAG,0DAA0D,SAAS;CACjF,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}
+{"version":3,"file":"Slider.mjs","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Overrides the primitive's hardcoded surfaces, which don't resolve in the\n * Berget themes: the track's `bg-muted` equals the dark page background\n * (both granite-950), so the track is invisible; the thumb hardcodes\n * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —\n * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses\n * Peak (granite-50), matching the primary button foreground treatment.\n * The range indicator keeps the primitive's `bg-primary` (Moss).\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn(\n      '**:data-[slot=slider-track]:bg-berget-surface-raised',\n      '**:data-[slot=slider-thumb]:bg-berget-brand-granite-50',\n      className,\n    )}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,oBAACA,UAAD;CACE,WAAW,GACT,wDACA,0DACA,SACF;CACA,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bergetai/ui",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
   "type": "module",
   "license": "MIT",