@egose/shadcn-theme 0.0.62 → 0.1.0

package/{chunk-OFRRRK4N.js → chunk-KB6BX6LA.js}

@@ -1,7 +1,7 @@
 "use client";
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunkAREM2MQQjs = require('./chunk-AREM2MQQ.js');
+var _chunkGV62APQ6js = require('./chunk-GV62APQ6.js');
 
 
 var _chunkPSPAJNNBjs = require('./chunk-PSPAJNNB.js');
@@ -12,11 +12,28 @@ var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
 
 // components/ui/button.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactslot = require('@radix-ui/react-slot');
+var _radixui = require('radix-ui');
 var _classvarianceauthority = require('class-variance-authority');
 var buttonVariants = _classvarianceauthority.cva.call(void 0, 
   [
+    "[&_svg:not([class*='size-'])]:size-4",
+    "[&_svg]:pointer-events-none",
+    "[&_svg]:shrink-0",
+    "active:translate-y-px",
+    "aria-invalid:border-destructive",
+    "aria-invalid:ring-3",
+    "aria-invalid:ring-destructive/20",
+    "bg-clip-padding",
+    "border-transparent",
+    "dark:aria-invalid:border-destructive/50",
+    "dark:aria-invalid:ring-destructive/40",
+    "disabled:opacity-50",
+    "disabled:pointer-events-none",
     "cursor-pointer",
+    "focus-visible:border-ring",
+    "focus-visible:ring-3",
+    "focus-visible:ring-ring/50",
+    "font-medium",
     "active:translate-y-[0.5px]",
     "disabled:pointer-events-none",
     "disabled:opacity-50",
@@ -25,14 +42,17 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
     "focus-visible:ring-ring",
     "font-medium",
     "gap-2",
+    "group/button",
     "inline-flex",
     "items-center",
     "justify-center",
+    "outline-none",
     "rounded-sm",
+    "select-none",
+    "shrink-0",
     "text-sm",
     "transform",
-    "transition",
-    "transition-colors",
+    "transition-all",
     "whitespace-nowrap",
     "[&_svg]:pointer-events-none",
     "[&_svg]:shrink-0",
@@ -41,17 +61,18 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
   {
     variants: {
       variant: {
-        primary: "border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
-        secondary: "border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90",
-        success: "border border-success bg-success text-success-foreground shadow-sm hover:bg-success/90",
-        warning: "border border-warning bg-warning text-warning-foreground shadow-sm hover:bg-warning/90",
-        danger: "border border-danger bg-danger text-danger-foreground shadow-sm hover:bg-danger/90",
-        info: "border border-info bg-info text-info-foreground shadow-sm hover:bg-info/90",
-        light: "border border-light bg-light text-light-foreground shadow-sm hover:bg-light/90",
-        dark: "border border-dark bg-dark text-dark-foreground shadow-sm hover:bg-dark/90",
-        accent: "border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/90",
-        destructive: "border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        muted: "border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/90",
+        primary: "border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/80",
+        secondary: "border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        action: "border border-action bg-action text-action-foreground shadow-sm hover:bg-action/80",
+        success: "border border-success bg-success text-success-foreground shadow-sm hover:bg-success/80",
+        warning: "border border-warning bg-warning text-warning-foreground shadow-sm hover:bg-warning/80",
+        danger: "border border-danger bg-danger text-danger-foreground shadow-sm hover:bg-danger/80",
+        info: "border border-info bg-info text-info-foreground shadow-sm hover:bg-info/80",
+        light: "border border-light bg-light text-light-foreground shadow-sm hover:bg-light/80",
+        dark: "border border-dark bg-dark text-dark-foreground shadow-sm hover:bg-dark/80",
+        accent: "border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/80",
+        destructive: "border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/80",
+        muted: "border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/80",
         link: "text-primary underline-offset-4 hover:underline",
         ghost: "hover:bg-light hover:text-light-foreground"
       },
@@ -60,7 +81,10 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
         sm: "h-8 rounded-sm px-3",
         default: "h-9 px-4 py-2",
         lg: "h-10 rounded-sm px-7 text-base",
-        icon: "h-9 w-9",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9",
         "compact-xs": "h-6 px-2 py-1 text-xs",
         "compact-sm": "h-7 px-2 py-1",
         "compact-default": "h-8 px-2 py-1",
@@ -69,8 +93,8 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
       },
       appearance: {
         solid: "",
-        outline: "bg-white border",
-        "outline-filled": "bg-white border"
+        outline: "bg-background border",
+        "outline-filled": "bg-background border"
       },
       loading: {
         true: "pointer-events-none",
@@ -88,12 +112,13 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
 function getOutlineClasses(variant) {
   const colors = {
     primary: "border-primary text-primary shadow-sm hover:bg-primary/10",
-    secondary: "border-secondary text-secondary shadow-sm hover:bg-secondary/10",
+    secondary: "border-border text-secondary-foreground shadow-sm hover:bg-secondary/10",
+    action: "border-action text-action shadow-sm hover:bg-action/10",
     success: "border-success text-success shadow-sm hover:bg-success/10",
     warning: "border-warning text-warning shadow-sm hover:bg-warning/10",
     danger: "border-danger text-danger shadow-sm hover:bg-danger/10",
     info: "border-info text-info shadow-sm hover:bg-info/10",
-    light: "border-light text-light-foreground shadow-sm hover:bg-light/10",
+    light: "border-border text-foreground shadow-sm hover:bg-muted",
     dark: "border-dark text-dark shadow-sm hover:bg-dark/10",
     accent: "border-accent text-accent shadow-sm hover:bg-accent/10",
     destructive: "border-destructive text-destructive shadow-sm hover:bg-destructive/10",
@@ -107,6 +132,7 @@ function getOutlineFilledClasses(variant) {
   const colors = {
     primary: "hover:bg-primary hover:text-primary-foreground",
     secondary: "hover:bg-secondary hover:text-secondary-foreground",
+    action: "hover:bg-action hover:text-action-foreground",
     success: "hover:bg-success hover:text-success-foreground",
     warning: "hover:bg-warning hover:text-warning-foreground",
     danger: "hover:bg-danger hover:text-danger-foreground",
@@ -125,6 +151,7 @@ function getSpinnerClasses(variant) {
   const colors = {
     primary: "bg-primary text-primary-foreground",
     secondary: "bg-secondary text-secondary-foreground",
+    action: "bg-action text-action-foreground",
     success: "bg-success text-success-foreground",
     warning: "bg-warning text-warning-foreground",
     danger: "bg-danger text-danger-foreground",
@@ -143,6 +170,7 @@ function getOutlineSpinnerClasses(variant) {
   const colors = {
     primary: "text-primary",
     secondary: "text-secondary",
+    action: "text-action",
     success: "text-success",
     warning: "text-warning",
     danger: "text-danger",
@@ -159,8 +187,28 @@ function getOutlineSpinnerClasses(variant) {
 }
 var Button = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className, variant, size, appearance, loading, icon, iconPosition = "left", asChild = false, children } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["className", "variant", "size", "appearance", "loading", "icon", "iconPosition", "asChild", "children"]);
-    const Comp = asChild ? _reactslot.Slot : "button";
+    var _b = _a, {
+      className,
+      variant = "primary",
+      size = "default",
+      appearance = "solid",
+      loading,
+      icon,
+      iconPosition = "left",
+      asChild = false,
+      children
+    } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+      "className",
+      "variant",
+      "size",
+      "appearance",
+      "loading",
+      "icon",
+      "iconPosition",
+      "asChild",
+      "children"
+    ]);
+    const Comp = asChild ? _radixui.Slot.Root : "button";
     const outlineClasses = appearance === "outline" || appearance === "outline-filled" ? [getOutlineClasses(variant)] : [];
     if (appearance === "outline-filled") {
       outlineClasses.push(getOutlineFilledClasses(variant));
@@ -170,19 +218,21 @@ var Button = React.forwardRef(
       Comp,
       _chunk2NMEKWO5js.__spreadValues.call(void 0, {
         type: "button",
+        "data-variant": variant,
+        "data-size": size,
+        "data-appearance": appearance,
         className: _chunkPSPAJNNBjs.cn.call(void 0, buttonVariants({ variant, size, appearance, loading, className }), outlineClasses),
         ref,
         "aria-busy": loading || void 0,
         disabled: loading || props.disabled
       }, props),
-      loading ? /* @__PURE__ */ React.createElement("div", { className: "relative inline-flex items-center justify-center w-full" }, /* @__PURE__ */ React.createElement("span", { className: "invisible" }, children), /* @__PURE__ */ React.createElement("span", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(_chunkAREM2MQQjs.Spinner, { size: "medium", className: _chunkPSPAJNNBjs.cn.call(void 0, spinnerClasses, "animate-spin") }))) : /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, icon && iconPosition === "left" && /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0" }, icon), children, icon && iconPosition === "right" && /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0" }, icon))
+      loading ? /* @__PURE__ */ React.createElement("div", { className: "relative inline-flex items-center justify-center w-full" }, /* @__PURE__ */ React.createElement("span", { className: "invisible" }, children), /* @__PURE__ */ React.createElement("span", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(_chunkGV62APQ6js.Spinner, { size: "medium", className: _chunkPSPAJNNBjs.cn.call(void 0, spinnerClasses, "animate-spin") }))) : /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, icon && iconPosition === "left" && /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0" }, icon), children, icon && iconPosition === "right" && /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0" }, icon))
     );
   }
 );
-Button.displayName = "Button";
 
 
 
 
 exports.buttonVariants = buttonVariants; exports.Button = Button;
-//# sourceMappingURL=chunk-OFRRRK4N.js.map
+//# sourceMappingURL=chunk-KB6BX6LA.js.map

package/chunk-KB6BX6LA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-KB6BX6LA.js","../components/ui/button.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-KB6BX6LA.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport { Slot } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/ui';\nimport { Spinner } from './spinner';\n\nconst buttonVariants = cva(\n  [\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    'active:translate-y-px',\n    'aria-invalid:border-destructive',\n    'aria-invalid:ring-3',\n    'aria-invalid:ring-destructive/20',\n    'bg-clip-padding',\n    'border-transparent',\n    'dark:aria-invalid:border-destructive/50',\n    'dark:aria-invalid:ring-destructive/40',\n    'disabled:opacity-50',\n    'disabled:pointer-events-none',\n    'cursor-pointer',\n    'focus-visible:border-ring',\n    'focus-visible:ring-3',\n    'focus-visible:ring-ring/50',\n    'font-medium',\n    'active:translate-y-[0.5px]',\n    'disabled:pointer-events-none',\n    'disabled:opacity-50',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'focus-visible:ring-ring',\n    'font-medium',\n    'gap-2',\n    'group/button',\n    'inline-flex',\n    'items-center',\n    'justify-center',\n    'outline-none',\n    'rounded-sm',\n    'select-none',\n    'shrink-0',\n    'text-sm',\n    'transform',\n    'transition-all',\n    'whitespace-nowrap',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    '[&_svg]:size-4',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/80',\n        secondary: 'border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',\n        action: 'border border-action bg-action text-action-foreground shadow-sm hover:bg-action/80',\n        success: 'border border-success bg-success text-success-foreground shadow-sm hover:bg-success/80',\n        warning: 'border border-warning bg-warning text-warning-foreground shadow-sm hover:bg-warning/80',\n        danger: 'border border-danger bg-danger text-danger-foreground shadow-sm hover:bg-danger/80',\n        info: 'border border-info bg-info text-info-foreground shadow-sm hover:bg-info/80',\n        light: 'border border-light bg-light text-light-foreground shadow-sm hover:bg-light/80',\n        dark: 'border border-dark bg-dark text-dark-foreground shadow-sm hover:bg-dark/80',\n        accent: 'border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/80',\n        destructive:\n          'border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/80',\n        muted: 'border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/80',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-light hover:text-light-foreground',\n      },\n      size: {\n        xs: 'h-7 rounded-xs px-2 text-xs',\n        sm: 'h-8 rounded-sm px-3',\n        default: 'h-9 px-4 py-2',\n        lg: 'h-10 rounded-sm px-7 text-base',\n        icon: 'size-8',\n        'icon-xs':\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n        'icon-lg': 'size-9',\n        'compact-xs': 'h-6 px-2 py-1 text-xs',\n        'compact-sm': 'h-7 px-2 py-1',\n        'compact-default': 'h-8 px-2 py-1',\n        'compact-lg': 'h-9 px-2 py-1 text-base',\n        'compact-icon': 'h-8 w-8',\n      },\n      appearance: {\n        solid: '',\n        outline: 'bg-background border',\n        'outline-filled': 'bg-background border',\n      },\n      loading: {\n        true: 'pointer-events-none',\n        false: null,\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      appearance: 'solid',\n      loading: false,\n    },\n  },\n);\n\n// Type safety for variant and size\nexport type VariantType = NonNullable<VariantProps<typeof buttonVariants>['variant']>;\nexport type SizeType = NonNullable<VariantProps<typeof buttonVariants>['size']>;\nexport type VariantStyleType = NonNullable<VariantProps<typeof buttonVariants>['appearance']>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  iconPosition?: 'left' | 'right';\n}\n\nfunction getOutlineClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'border-primary text-primary shadow-sm hover:bg-primary/10',\n    secondary: 'border-border text-secondary-foreground shadow-sm hover:bg-secondary/10',\n    action: 'border-action text-action shadow-sm hover:bg-action/10',\n    success: 'border-success text-success shadow-sm hover:bg-success/10',\n    warning: 'border-warning text-warning shadow-sm hover:bg-warning/10',\n    danger: 'border-danger text-danger shadow-sm hover:bg-danger/10',\n    info: 'border-info text-info shadow-sm hover:bg-info/10',\n    light: 'border-border text-foreground shadow-sm hover:bg-muted',\n    dark: 'border-dark text-dark shadow-sm hover:bg-dark/10',\n    accent: 'border-accent text-accent shadow-sm hover:bg-accent/10',\n    destructive: 'border-destructive text-destructive shadow-sm hover:bg-destructive/10',\n    muted: 'border-muted text-muted-foreground shadow-sm hover:bg-muted/10',\n    link: 'text-primary',\n    ghost: 'text-light-foreground',\n  };\n  return colors[variant];\n}\n\nfunction getOutlineFilledClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'hover:bg-primary hover:text-primary-foreground',\n    secondary: 'hover:bg-secondary hover:text-secondary-foreground',\n    action: 'hover:bg-action hover:text-action-foreground',\n    success: 'hover:bg-success hover:text-success-foreground',\n    warning: 'hover:bg-warning hover:text-warning-foreground',\n    danger: 'hover:bg-danger hover:text-danger-foreground',\n    info: 'hover:bg-info hover:text-info-foreground',\n    light: 'hover:bg-light hover:text-light-foreground',\n    dark: 'hover:bg-dark hover:text-dark-foreground',\n    accent: 'hover:bg-accent hover:text-accent-foreground',\n    destructive: 'hover:bg-destructive hover:text-destructive-foreground',\n    muted: 'hover:bg-muted hover:text-muted-foreground',\n    link: 'hover:underline',\n    ghost: 'hover:bg-light',\n  };\n  return colors[variant];\n}\n\nfunction getSpinnerClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'bg-primary text-primary-foreground',\n    secondary: 'bg-secondary text-secondary-foreground',\n    action: 'bg-action text-action-foreground',\n    success: 'bg-success text-success-foreground',\n    warning: 'bg-warning text-warning-foreground',\n    danger: 'bg-danger text-danger-foreground',\n    info: 'bg-info text-info-foreground',\n    light: 'bg-light text-light-foreground',\n    dark: 'bg-dark text-dark-foreground',\n    accent: 'bg-accent text-accent-foreground',\n    destructive: 'bg-destructive text-destructive-foreground',\n    muted: 'bg-muted text-muted-foreground',\n    link: 'text-primary',\n    ghost: 'text-light-foreground',\n  };\n  return colors[variant];\n}\n\nfunction getOutlineSpinnerClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'text-primary',\n    secondary: 'text-secondary',\n    action: 'text-action',\n    success: 'text-success',\n    warning: 'text-warning',\n    danger: 'text-danger',\n    info: 'text-info',\n    light: 'text-light',\n    dark: 'text-dark',\n    accent: 'text-accent',\n    destructive: 'text-destructive',\n    muted: 'text-muted-foreground',\n    link: 'text-primary',\n    ghost: 'text-light-foreground',\n  };\n  return colors[variant];\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = 'primary',\n      size = 'default',\n      appearance = 'solid',\n      loading,\n      icon,\n      iconPosition = 'left',\n      asChild = false,\n      children,\n      ...props\n    },\n    ref, // This ref is now valid because of forwardRef!\n  ) => {\n    const Comp = asChild ? Slot.Root : 'button';\n\n    const outlineClasses =\n      appearance === 'outline' || appearance === 'outline-filled' ? [getOutlineClasses(variant as VariantType)] : [];\n\n    if (appearance === 'outline-filled') {\n      outlineClasses.push(getOutlineFilledClasses(variant as VariantType));\n    }\n\n    const spinnerClasses =\n      appearance === 'outline' || appearance === 'outline-filled'\n        ? getOutlineSpinnerClasses(variant as VariantType)\n        : getSpinnerClasses(variant as VariantType);\n\n    return (\n      <Comp\n        type=\"button\"\n        data-variant={variant}\n        data-size={size}\n        data-appearance={appearance}\n        className={cn(buttonVariants({ variant, size, appearance, loading, className }), outlineClasses)}\n        ref={ref}\n        aria-busy={loading || undefined}\n        disabled={loading || props.disabled}\n        {...props}\n      >\n        {loading ? (\n          <div className=\"relative inline-flex items-center justify-center w-full\">\n            <span className=\"invisible\">{children}</span>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner size=\"medium\" className={cn(spinnerClasses, 'animate-spin')} />\n            </span>\n          </div>\n        ) : (\n          <div className=\"flex items-center gap-1\">\n            {icon && iconPosition === 'left' && <span className=\"flex-shrink-0\">{icon}</span>}\n            {children}\n            {icon && iconPosition === 'right' && <span className=\"flex-shrink-0\">{icon}</span>}\n          </div>\n        )}\n      </Comp>\n    );\n  },\n);\n\nexport { Button, buttonVariants };\n"]}

package/chunk-KO4TIQLS.mjs

@@ -0,0 +1,26 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-YOSPWY5K.mjs";
+
+// components/ui/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+function Collapsible(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+}
+function CollapsibleTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(CollapsiblePrimitive.CollapsibleTrigger, __spreadValues({ "data-slot": "collapsible-trigger" }, props));
+}
+function CollapsibleContent(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(CollapsiblePrimitive.CollapsibleContent, __spreadValues({ "data-slot": "collapsible-content" }, props));
+}
+
+export {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent
+};
+//# sourceMappingURL=chunk-KO4TIQLS.mjs.map

package/chunk-KO4TIQLS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/ui/collapsible.tsx"],"sourcesContent":["\"use client\";\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\n\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return <CollapsiblePrimitive.CollapsibleTrigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nfunction CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return <CollapsiblePrimitive.CollapsibleContent data-slot=\"collapsible-content\" {...props} />;\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"mappings":";;;;;;AACA,SAAS,eAAe,4BAA4B;AAEpD,SAAS,YAAY,IAAsE;AAAtE,MAAK,kBAAL,IAAK;AACxB,SAAO,oCAAC,qBAAqB,MAArB,iBAA0B,aAAU,iBAAkB,MAAO;AACvE;AAEA,SAAS,mBAAmB,IAAoF;AAApF,MAAK,kBAAL,IAAK;AAC/B,SAAO,oCAAC,qBAAqB,oBAArB,iBAAwC,aAAU,yBAA0B,MAAO;AAC7F;AAEA,SAAS,mBAAmB,IAAoF;AAApF,MAAK,kBAAL,IAAK;AAC/B,SAAO,oCAAC,qBAAqB,oBAArB,iBAAwC,aAAU,yBAA0B,MAAO;AAC7F;","names":[]}

package/{chunk-3DG54EVO.mjs → chunk-KRFQNEGY.mjs}

@@ -5,18 +5,18 @@ import {
   CommandInput,
   CommandItem,
   CommandList
-} from "./chunk-OJEDITOA.mjs";
+} from "./chunk-HNN3WAQE.mjs";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-47TKC7DB.mjs";
+} from "./chunk-CSL3CTEN.mjs";
 import {
   Button
-} from "./chunk-SQK67X4D.mjs";
+} from "./chunk-7BYWDRRI.mjs";
 import {
   Label
-} from "./chunk-NL4534LH.mjs";
+} from "./chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "./chunk-KGUUDFJE.mjs";
@@ -66,7 +66,7 @@ function FormSearchableSelect({
     onChange(newValue);
     setOpen(false);
   };
-  return /* @__PURE__ */ React.createElement("div", { className: cn("_searchable-select", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("form-searchable-select space-y-1", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
     Button,
     {
       variant: "secondary",
@@ -84,4 +84,4 @@ function FormSearchableSelect({
 export {
   FormSearchableSelect
 };
-//# sourceMappingURL=chunk-3DG54EVO.mjs.map
+//# sourceMappingURL=chunk-KRFQNEGY.mjs.map

package/chunk-KRFQNEGY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/searchable-select.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../utils/ui';\nimport { Label } from '../ui/label';\nimport { Button } from '../ui/button';\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '../ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\nimport { Check, ChevronsUpDown } from 'lucide-react';\n\nexport interface SelectOption {\n  label: string;\n  value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n  return items.map((item) => {\n    return { label: item, value: item };\n  });\n}\n\nexport interface FormSearchableSelectProps {\n  id?: string;\n  name: string;\n  label?: string;\n  placeholder?: string;\n  data: SelectOption[] | string[];\n  defaultValue?: string;\n  value?: string;\n  onChange: (value?: string) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n  required?: boolean;\n  disabled?: boolean;\n}\n\nexport function FormSearchableSelect({\n  id,\n  name,\n  label,\n  placeholder = '',\n  data,\n  defaultValue,\n  value,\n  onChange,\n  classNames,\n  required,\n  disabled,\n}: FormSearchableSelectProps) {\n  let _options: SelectOption[] = [];\n\n  if (data.length > 0) {\n    if (_isString(data[0])) {\n      _options = listToSelectOptions(data as string[]);\n    } else {\n      _options = data as SelectOption[];\n    }\n  }\n\n  if (!id) id = _kebabCase(name);\n\n  const [open, setOpen] = React.useState(false);\n  const [selectedValue, setSelectedValue] = React.useState(value ?? defaultValue ?? '');\n\n  React.useEffect(() => {\n    setSelectedValue(value ?? defaultValue ?? '');\n  }, [value, defaultValue]);\n\n  const handleSelect = (currentValue: string) => {\n    const newValue = currentValue === selectedValue ? '' : currentValue;\n    setSelectedValue(newValue);\n    onChange(newValue);\n    setOpen(false);\n  };\n\n  return (\n    <div className={cn('form-searchable-select space-y-1', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"secondary\"\n            appearance=\"outline\"\n            role=\"combobox\"\n            aria-expanded={open}\n            disabled={disabled}\n            className={cn('w-full justify-between border-input!', classNames?.input)}\n          >\n            {selectedValue ? _options.find((opt) => opt.value === selectedValue)?.label : placeholder || 'Select...'}\n            <ChevronsUpDown className=\"opacity-50\" />\n          </Button>\n        </PopoverTrigger>\n\n        <PopoverContent className=\"w-full p-0\">\n          <Command>\n            <CommandInput placeholder={`Search ${label ?? 'option'}...`} className=\"h-9\" />\n            <CommandList>\n              <CommandEmpty>No option found.</CommandEmpty>\n              <CommandGroup>\n                {_options.map((option) => (\n                  <CommandItem key={option.value} value={option.value} onSelect={handleSelect}>\n                    {option.label}\n                    <Check className={cn('ml-auto', selectedValue === option.value ? 'opacity-100' : 'opacity-0')} />\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AAMtB,SAAS,OAAO,sBAAsB;AAOtC,SAAS,oBAAoB,OAAiB;AAC5C,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,WAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EACpC,CAAC;AACH;AAoBO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AApD9B;AAqDE,MAAI,WAA2B,CAAC;AAEhC,MAAI,KAAK,SAAS,GAAG;AACnB,QAAI,UAAU,KAAK,CAAC,CAAC,GAAG;AACtB,iBAAW,oBAAoB,IAAgB;AAAA,IACjD,OAAO;AACL,iBAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,UAAS,6BAAS,iBAAT,YAAyB,EAAE;AAEpF,QAAM,UAAU,MAAM;AApExB,QAAAA;AAqEI,sBAAiBA,MAAA,wBAAS,iBAAT,OAAAA,MAAyB,EAAE;AAAA,EAC9C,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,QAAM,eAAe,CAAC,iBAAyB;AAC7C,UAAM,WAAW,iBAAiB,gBAAgB,KAAK;AACvD,qBAAiB,QAAQ;AACzB,aAAS,QAAQ;AACjB,YAAQ,KAAK;AAAA,EACf;AAEA,SACE,oCAAC,SAAI,WAAW,GAAG,oCAAoC,yCAAY,OAAO,KACvE,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF,oCAAC,WAAQ,MAAY,cAAc,WACjC,oCAAC,kBAAe,SAAO,QACrB;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf;AAAA,MACA,WAAW,GAAG,wCAAwC,yCAAY,KAAK;AAAA;AAAA,IAEtE,iBAAgB,cAAS,KAAK,CAAC,QAAQ,IAAI,UAAU,aAAa,MAAlD,mBAAqD,QAAQ,eAAe;AAAA,IAC7F,oCAAC,kBAAe,WAAU,cAAa;AAAA,EACzC,CACF,GAEA,oCAAC,kBAAe,WAAU,gBACxB,oCAAC,eACC,oCAAC,gBAAa,aAAa,UAAU,wBAAS,QAAQ,OAAO,WAAU,OAAM,GAC7E,oCAAC,mBACC,oCAAC,oBAAa,kBAAgB,GAC9B,oCAAC,oBACE,SAAS,IAAI,CAAC,WACb,oCAAC,eAAY,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU,gBAC5D,OAAO,OACR,oCAAC,SAAM,WAAW,GAAG,WAAW,kBAAkB,OAAO,QAAQ,gBAAgB,WAAW,GAAG,CACjG,CACD,CACH,CACF,CACF,CACF,CACF,CACF;AAEJ;","names":["_a"]}

package/{chunk-F57PDM2P.mjs → chunk-KUD4Z2MZ.mjs}

@@ -1,9 +1,12 @@
+import {
+  ThemeSwitcher
+} from "./chunk-LVXIGNFJ.mjs";
 import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
   useSidebar
-} from "./chunk-OI7CIW4X.mjs";
+} from "./chunk-UQJ4A4H2.mjs";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -12,12 +15,12 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunk-QJKRCNUX.mjs";
+} from "./chunk-RPF753T2.mjs";
 import {
   Avatar,
   AvatarFallback,
   AvatarImage
-} from "./chunk-M55DCHAX.mjs";
+} from "./chunk-7PX7GVOR.mjs";
 
 // layouts/sidebar1/nav-user.tsx
 import * as React from "react";
@@ -41,7 +44,7 @@ function NavUser({
   )), /* @__PURE__ */ React.createElement(
     DropdownMenuContent,
     {
-      className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg bg-white",
+      className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
       side: isMobile ? "bottom" : "right",
       align: "end",
       sideOffset: 4
@@ -65,6 +68,8 @@ function NavUser({
         /* @__PURE__ */ React.createElement(DropdownMenuItem, null, menu.icon && /* @__PURE__ */ React.createElement(menu.icon, null), menu.title)
       );
     })),
+    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
+    /* @__PURE__ */ React.createElement(ThemeSwitcher, null),
     onLogout && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => onLogout(user) }, /* @__PURE__ */ React.createElement(LogOut, null), "Log out"))
   ))));
 }
@@ -72,4 +77,4 @@ function NavUser({
 export {
   NavUser
 };
-//# sourceMappingURL=chunk-F57PDM2P.mjs.map
+//# sourceMappingURL=chunk-KUD4Z2MZ.mjs.map

package/chunk-KUD4Z2MZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../layouts/sidebar1/nav-user.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { ChevronsUpDown, LogOut } from 'lucide-react';\nimport { Avatar, AvatarFallback, AvatarImage } from '../../components/ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '../../components/ui/dropdown-menu';\nimport { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from '../../components/ui/sidebar';\nimport { ThemeSwitcher } from './theme-switcher';\n\nexport interface INavUser {\n  name: string;\n  email: string;\n  avatar: string;\n}\n\nexport interface INavUserMenuItem {\n  title: string;\n  url?: string;\n  icon?: React.ElementType;\n  onClick?: (title: string) => void;\n}\n\nexport function NavUser({\n  user,\n  menus = [],\n  aslink: LinkComponent,\n  onLogout,\n}: {\n  user: INavUser;\n  menus: INavUserMenuItem[];\n  aslink?: React.ElementType;\n  onLogout?: (user: INavUser) => void;\n}) {\n  const { isMobile } = useSidebar();\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? 'bottom' : 'right'}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            {menus.length > 0 && <DropdownMenuSeparator />}\n\n            <DropdownMenuGroup>\n              {menus.map((menu) => {\n                const Comp = LinkComponent && menu.url ? LinkComponent : 'button';\n\n                return (\n                  <Comp\n                    key={menu.title}\n                    to={menu.url}\n                    href={menu.url}\n                    onClick={() => menu.onClick?.(menu.title)}\n                    className=\"block w-full\"\n                  >\n                    <DropdownMenuItem>\n                      {menu.icon && <menu.icon />}\n                      {menu.title}\n                    </DropdownMenuItem>\n                  </Comp>\n                );\n              })}\n            </DropdownMenuGroup>\n\n            <DropdownMenuSeparator />\n\n            <ThemeSwitcher />\n            {onLogout && (\n              <>\n                <DropdownMenuSeparator />\n\n                <DropdownMenuItem onClick={() => onLogout(user)}>\n                  <LogOut />\n                  Log out\n                </DropdownMenuItem>\n              </>\n            )}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,WAAW;AACvB,SAAS,gBAAgB,cAAc;AA2BhC,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,QAAQ;AAAA,EACR;AACF,GAKG;AACD,QAAM,EAAE,SAAS,IAAI,WAAW;AAEhC,SACE,oCAAC,mBACC,oCAAC,uBACC,oCAAC,oBACC,oCAAC,uBAAoB,SAAO,QAC1B;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA;AAAA,IAEV,oCAAC,UAAO,WAAU,wBAChB,oCAAC,eAAY,KAAK,KAAK,QAAQ,KAAK,KAAK,MAAM,GAC/C,oCAAC,kBAAe,WAAU,gBAAa,IAAE,CAC3C;AAAA,IAEA,oCAAC,SAAI,WAAU,iDACb,oCAAC,UAAK,WAAU,4BAA0B,KAAK,IAAK,GACpD,oCAAC,UAAK,WAAU,sBAAoB,KAAK,KAAM,CACjD;AAAA,IAEA,oCAAC,kBAAe,WAAU,kBAAiB;AAAA,EAC7C,CACF,GAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAM,WAAW,WAAW;AAAA,MAC5B,OAAM;AAAA,MACN,YAAY;AAAA;AAAA,IAEZ,oCAAC,qBAAkB,WAAU,qBAC3B,oCAAC,SAAI,WAAU,2DACb,oCAAC,UAAO,WAAU,wBAChB,oCAAC,eAAY,KAAK,KAAK,QAAQ,KAAK,KAAK,MAAM,GAC/C,oCAAC,kBAAe,WAAU,gBAAa,IAAE,CAC3C,GAEA,oCAAC,SAAI,WAAU,iDACb,oCAAC,UAAK,WAAU,4BAA0B,KAAK,IAAK,GACpD,oCAAC,UAAK,WAAU,sBAAoB,KAAK,KAAM,CACjD,CACF,CACF;AAAA,IACC,MAAM,SAAS,KAAK,oCAAC,2BAAsB;AAAA,IAE5C,oCAAC,yBACE,MAAM,IAAI,CAAC,SAAS;AACnB,YAAM,OAAO,iBAAiB,KAAK,MAAM,gBAAgB;AAEzD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,KAAK;AAAA,UACV,IAAI,KAAK;AAAA,UACT,MAAM,KAAK;AAAA,UACX,SAAS,MAAG;AA/FhC;AA+FmC,8BAAK,YAAL,8BAAe,KAAK;AAAA;AAAA,UACnC,WAAU;AAAA;AAAA,QAEV,oCAAC,wBACE,KAAK,QAAQ,oCAAC,KAAK,MAAL,IAAU,GACxB,KAAK,KACR;AAAA,MACF;AAAA,IAEJ,CAAC,CACH;AAAA,IAEA,oCAAC,2BAAsB;AAAA,IAEvB,oCAAC,mBAAc;AAAA,IACd,YACC,0DACE,oCAAC,2BAAsB,GAEvB,oCAAC,oBAAiB,SAAS,MAAM,SAAS,IAAI,KAC5C,oCAAC,YAAO,GAAE,SAEZ,CACF;AAAA,EAEJ,CACF,CACF,CACF;AAEJ;","names":[]}

package/{chunk-J4FPBR7A.mjs → chunk-LQEGZ3FQ.mjs}

@@ -1,9 +1,9 @@
 import {
   Checkbox
-} from "./chunk-NWVKFMW3.mjs";
+} from "./chunk-QCHBJMD6.mjs";
 import {
   Label
-} from "./chunk-NL4534LH.mjs";
+} from "./chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "./chunk-KGUUDFJE.mjs";
@@ -22,7 +22,7 @@ function FormCheckbox({
   classNames
 }) {
   const checkboxId = id || _kebabCase(name);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("form-checkbox flex items-center gap-3", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     Checkbox,
     {
       id: checkboxId,
@@ -39,4 +39,4 @@ function FormCheckbox({
 export {
   FormCheckbox
 };
-//# sourceMappingURL=chunk-J4FPBR7A.mjs.map
+//# sourceMappingURL=chunk-LQEGZ3FQ.mjs.map

package/chunk-LQEGZ3FQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/checkbox.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../utils/ui';\nimport { Label } from '../ui/label';\nimport { Checkbox } from '../ui/checkbox';\n\nexport interface FormCheckboxProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  disabled?: boolean;\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    checkbox?: string;\n  };\n}\n\nexport function FormCheckbox({\n  id,\n  name,\n  label,\n  required,\n  disabled,\n  checked,\n  onCheckedChange,\n  classNames,\n}: FormCheckboxProps) {\n  const checkboxId = id || _kebabCase(name);\n\n  return (\n    <div className={cn('form-checkbox flex items-center gap-3', classNames?.wrapper)}>\n      <Checkbox\n        id={checkboxId}\n        name={name}\n        disabled={disabled}\n        required={required}\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n        className={cn(classNames?.checkbox)}\n      />\n\n      {label && (\n        <Label htmlFor={checkboxId} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAoBhB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,aAAa,MAAM,WAAW,IAAI;AAExC,SACE,oCAAC,SAAI,WAAW,GAAG,yCAAyC,yCAAY,OAAO,KAC7E;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,yCAAY,QAAQ;AAAA;AAAA,EACpC,GAEC,SACC,oCAAC,SAAM,SAAS,YAAY,WAAW,yCAAY,OAAO,YACvD,KACH,CAEJ;AAEJ;","names":[]}

package/chunk-LVXIGNFJ.mjs

@@ -0,0 +1,37 @@
+// layouts/sidebar1/theme-switcher.tsx
+import * as React from "react";
+import { useTheme } from "next-themes";
+import { Moon, Sun, Monitor } from "lucide-react";
+function ThemeSwitcher() {
+  const { setTheme } = useTheme();
+  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-around p-1" }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => setTheme("light"),
+      className: "flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground",
+      title: "Light Mode"
+    },
+    /* @__PURE__ */ React.createElement(Sun, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => setTheme("dark"),
+      className: "flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground",
+      title: "Dark Mode"
+    },
+    /* @__PURE__ */ React.createElement(Moon, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => setTheme("system"),
+      className: "flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground",
+      title: "System Mode"
+    },
+    /* @__PURE__ */ React.createElement(Monitor, { className: "h-4 w-4" })
+  ));
+}
+
+export {
+  ThemeSwitcher
+};
+//# sourceMappingURL=chunk-LVXIGNFJ.mjs.map

package/chunk-LVXIGNFJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../layouts/sidebar1/theme-switcher.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { useTheme } from 'next-themes';\nimport { Moon, Sun, Monitor } from 'lucide-react';\n\nexport function ThemeSwitcher() {\n  const { setTheme } = useTheme();\n\n  return (\n    <div className=\"flex items-center justify-around p-1\">\n      <button\n        onClick={() => setTheme('light')}\n        className=\"flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground\"\n        title=\"Light Mode\"\n      >\n        <Sun className=\"h-4 w-4\" />\n      </button>\n      <button\n        onClick={() => setTheme('dark')}\n        className=\"flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground\"\n        title=\"Dark Mode\"\n      >\n        <Moon className=\"h-4 w-4\" />\n      </button>\n      <button\n        onClick={() => setTheme('system')}\n        className=\"flex flex-1 items-center justify-center rounded-md p-2 hover:bg-accent hover:text-accent-foreground\"\n        title=\"System Mode\"\n      >\n        <Monitor className=\"h-4 w-4\" />\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AACA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,MAAM,KAAK,eAAe;AAE5B,SAAS,gBAAgB;AAC9B,QAAM,EAAE,SAAS,IAAI,SAAS;AAE9B,SACE,oCAAC,SAAI,WAAU,0CACb;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,SAAS,OAAO;AAAA,MAC/B,WAAU;AAAA,MACV,OAAM;AAAA;AAAA,IAEN,oCAAC,OAAI,WAAU,WAAU;AAAA,EAC3B,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,SAAS,MAAM;AAAA,MAC9B,WAAU;AAAA,MACV,OAAM;AAAA;AAAA,IAEN,oCAAC,QAAK,WAAU,WAAU;AAAA,EAC5B,GACA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,SAAS,QAAQ;AAAA,MAChC,WAAU;AAAA,MACV,OAAM;AAAA;AAAA,IAEN,oCAAC,WAAQ,WAAU,WAAU;AAAA,EAC/B,CACF;AAEJ;","names":[]}

package/{chunk-NUCMI4CP.js → chunk-MAL7MDPS.js}

@@ -1,10 +1,10 @@
 "use client";
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAPMXMQPZjs = require('./chunk-APMXMQPZ.js');
+var _chunkUFRPUC7Kjs = require('./chunk-UFRPUC7K.js');
 
 
-var _chunkKNNX4FAHjs = require('./chunk-KNNX4FAH.js');
+var _chunkCKGMFUU2js = require('./chunk-CKGMFUU2.js');
 
 
 var _chunkPSPAJNNBjs = require('./chunk-PSPAJNNB.js');
@@ -39,8 +39,8 @@ function FormTextInput(_a) {
     "inputProps"
   ]);
   if (!id) id = _kebabCase3.default.call(void 0, name);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "_text-input", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkKNNX4FAHjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement(
-    _chunkAPMXMQPZjs.Input,
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "form-text-input space-y-1", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkCKGMFUU2js.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement(
+    _chunkUFRPUC7Kjs.Input,
     _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
       type,
       id,
@@ -57,4 +57,4 @@ function FormTextInput(_a) {
 
 
 exports.FormTextInput = FormTextInput;
-//# sourceMappingURL=chunk-NUCMI4CP.js.map
+//# sourceMappingURL=chunk-MAL7MDPS.js.map

package/chunk-MAL7MDPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-MAL7MDPS.js","../components/form/text-input.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;ACdA,4EAA2C;AAC3C,wGAAuB;AAOvB,IAAM,WAAA,EAAa,EAAA;AAcZ,SAAS,aAAA,CAAc,EAAA,EAUP;AAVO,EAAA,IAAA,GAAA,EAAA,EAAA,EAC5B;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA,EAAO,MAAA;AAAA,IACP,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,EAAa,CAAC;AAAA,EA/BhB,EAAA,EAuB8B,EAAA,EASzB,KAAA,EAAA,wCAAA,EATyB,EASzB;AAAA,IARH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,GAAA,CAAI,CAAC,EAAA,EAAI,GAAA,EAAK,iCAAA,IAAe,CAAA;AAE7B,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,2BAAG,EAA6B,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,EAChE,MAAA,mBACC,eAAA,CAAA,aAAA,CAAC,sBAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO,SAAA,CAAA,EAC/C,KACH,CAAA,kBAGF,eAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA,4CAAA,6CAAA,6CAAA;AAAA,MACC,IAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAa;AAAA,IAAA,CAAA,EACT,UAAA,CAAA,EACA,IAAA,CAAA,EARL;AAAA,MASC,SAAA,EAAW,iCAAA,UAAG,EAAY,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAK;AAAA,IAAA,CAAA;AAAA,EAC7C,CACF,CAAA;AAEJ;ADHA;AACA;AACE;AACF,sCAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-MAL7MDPS.js","sourcesContent":[null,"\"use client\";\nimport React, { InputHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../utils/ui';\nimport { Label } from '../ui/label';\nimport { Input } from '../ui/input';\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {}\n\nconst inputClass = '';\n\nexport interface FormTextInputProps extends InputProps {\n  id?: string;\n  name: string;\n  label?: string;\n  inputProps?: InputProps;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTextInput({\n  id,\n  name,\n  label,\n  type = 'text',\n  classNames,\n  required,\n  disabled,\n  inputProps = {},\n  ...rest\n}: FormTextInputProps) {\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('form-text-input space-y-1', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <Input\n        type={type}\n        id={id}\n        name={name}\n        required={required}\n        disabled={disabled}\n        autoComplete=\"off\"\n        {...inputProps}\n        {...rest}\n        className={cn(inputClass, classNames?.input)}\n      />\n    </div>\n  );\n}\n"]}