@jbpark/ui-kit 2.3.4 → 2.5.0

package/dist/components/atoms/Switch/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["switchComponent"],"sources":["../../../../src/components/atoms/Switch/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { switchComponent } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Switch: Core } = switchComponent;\n\ninterface Props extends Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'onChange'\n> {\n  classNames?: {\n    track?: string;\n    handle?: string;\n  };\n  defaultChecked?: boolean;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: (checked: boolean) => void;\n}\n\nconst Switch = ({\n  className,\n  classNames,\n  defaultChecked,\n  checked: _checked,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<boolean>(\n    defaultChecked || false,\n  );\n\n  const controlled = _checked !== undefined;\n  const checked = controlled ? _checked : uncontrolledChecked;\n\n  const onChange = (next: boolean) => {\n    if (!controlled) {\n      setUncontrolledChecked(next);\n    }\n    _onChange(next);\n  };\n\n  return (\n    <Core\n      checked={checked}\n      className={cn(\n        'h-8.5 w-13',\n        className,\n        classNames?.track,\n        //\n      )}\n      handleClassName={cn(\n        'h-7 w-7',\n        'data-[state=checked]:translate-x-5',\n        'data-[state=unchecked]:translate-x-[2px]',\n        classNames?.handle,\n      )}\n      onCheckedChange={checked => {\n        onChange(checked);\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;;;;;AAOA,MAAM,EAAE,QAAQ,SAASA;AAgBzB,MAAM,UAAU,EACd,WACA,YACA,gBACA,SAAS,UACT,UAAU,kBAAkB,IAC5B,GAAG,YACQ;CACX,MAAM,CAAC,qBAAqB,0BAA0B,SACpD,kBAAkB,MACnB;CAED,MAAM,aAAa,aAAa;CAChC,MAAM,UAAU,aAAa,WAAW;CAExC,MAAM,YAAY,SAAkB;AAClC,MAAI,CAAC,WACH,wBAAuB,KAAK;AAE9B,YAAU,KAAK;;AAGjB,QACE,oBAAC;EACU;EACT,WAAW,GACT,cACA,WACA,YAAY,MAEb;EACD,iBAAiB,GACf,WACA,sCACA,4CACA,YAAY,OACb;EACD,kBAAiB,YAAW;AAC1B,YAAS,QAAQ;;EAEnB,GAAI;GACJ"}
+{"version":3,"file":"index.mjs","names":["switchComponent"],"sources":["../../../../src/components/atoms/Switch/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { switchComponent } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Switch: Core } = switchComponent;\n\nconst sizeConfig = {\n  medium: {\n    core: 'default' as const,\n    track: 'h-8! w-12!',\n    handle: 'size-6!',\n    handleChecked:\n      'data-[state=unchecked]:left-0.5 data-[state=checked]:left-[calc(100%-26px)]',\n    fontSize: 'text-xs',\n    marginChecked: 'mr-7 ml-2',\n    marginUnchecked: 'mr-2 ml-7',\n  },\n  small: {\n    core: 'sm' as const,\n    track: 'h-6! w-10!',\n    handle: 'size-5!',\n    handleChecked:\n      'data-[state=unchecked]:left-0.5 data-[state=checked]:left-[calc(100%-22px)]',\n    fontSize: 'text-[10px]',\n    marginChecked: 'mr-6 ml-1.5',\n    marginUnchecked: 'mr-1.5 ml-6',\n  },\n};\n\ninterface Props extends Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'onChange'\n> {\n  classNames?: {\n    track?: string;\n    handle?: string;\n  };\n  size?: 'small' | 'medium';\n  defaultChecked?: boolean;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: (checked: boolean) => void;\n  checkedChildren?: React.ReactNode;\n  unCheckedChildren?: React.ReactNode;\n}\n\nconst Switch = ({\n  className,\n  classNames,\n  size = 'medium',\n  defaultChecked,\n  checked: _checked,\n  onChange: _onChange = () => {},\n  checkedChildren,\n  unCheckedChildren,\n  ...props\n}: Props) => {\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<boolean>(\n    defaultChecked || false,\n  );\n\n  const controlled = _checked !== undefined;\n  const checked = controlled ? _checked : uncontrolledChecked;\n\n  const onChange = (next: boolean) => {\n    if (!controlled) {\n      setUncontrolledChecked(next);\n    }\n    _onChange(next);\n  };\n\n  const hasChildren = !!(checkedChildren || unCheckedChildren);\n  const config = sizeConfig[size];\n\n  return (\n    <Core\n      checked={checked}\n      size={config.core}\n      className={cn(\n        'relative',\n        config.track,\n        hasChildren && 'w-auto! overflow-hidden',\n        className,\n        classNames?.track,\n        //\n      )}\n      handleClassName={cn(\n        config.handle,\n        '!absolute top-1/2 !-translate-y-1/2 !translate-x-0',\n        'transition-[left] duration-200 will-change-[left]',\n        config.handleChecked,\n        classNames?.handle,\n        //\n      )}\n      onCheckedChange={checked => {\n        onChange(checked);\n      }}\n      {...props}\n    >\n      {hasChildren && (\n        <span\n          className={cn(\n            `grid leading-none text-white transition-[margin] duration-200\n            will-change-[margin]`,\n            config.fontSize,\n            checked ? config.marginChecked : config.marginUnchecked,\n            //\n          )}\n        >\n          <span\n            className={cn(\n              'col-start-1 row-start-1 transition-opacity duration-200',\n              checked ? 'opacity-100' : 'opacity-0',\n            )}\n          >\n            {checkedChildren}\n          </span>\n          <span\n            className={cn(\n              'col-start-1 row-start-1 transition-opacity duration-200',\n              checked ? 'opacity-0' : 'opacity-100',\n            )}\n          >\n            {unCheckedChildren}\n          </span>\n        </span>\n      )}\n    </Core>\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;;;;;AAOA,MAAM,EAAE,QAAQ,SAASA;AAEzB,MAAM,aAAa;CACjB,QAAQ;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;EAClB;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;EAClB;CACF;AAmBD,MAAM,UAAU,EACd,WACA,YACA,OAAO,UACP,gBACA,SAAS,UACT,UAAU,kBAAkB,IAC5B,iBACA,mBACA,GAAG,YACQ;CACX,MAAM,CAAC,qBAAqB,0BAA0B,SACpD,kBAAkB,MACnB;CAED,MAAM,aAAa,aAAa;CAChC,MAAM,UAAU,aAAa,WAAW;CAExC,MAAM,YAAY,SAAkB;AAClC,MAAI,CAAC,WACH,wBAAuB,KAAK;AAE9B,YAAU,KAAK;;CAGjB,MAAM,cAAc,CAAC,EAAE,mBAAmB;CAC1C,MAAM,SAAS,WAAW;AAE1B,QACE,oBAAC;EACU;EACT,MAAM,OAAO;EACb,WAAW,GACT,YACA,OAAO,OACP,eAAe,2BACf,WACA,YAAY,MAEb;EACD,iBAAiB,GACf,OAAO,QACP,sDACA,qDACA,OAAO,eACP,YAAY,OAEb;EACD,kBAAiB,YAAW;AAC1B,YAAS,QAAQ;;EAEnB,GAAI;YAEH,eACC,qBAAC;GACC,WAAW,GACT;mCAEA,OAAO,UACP,UAAU,OAAO,gBAAgB,OAAO,gBAEzC;cAED,oBAAC;IACC,WAAW,GACT,2DACA,UAAU,gBAAgB,YAC3B;cAEA;KACI,EACP,oBAAC;IACC,WAAW,GACT,2DACA,UAAU,cAAc,cACzB;cAEA;KACI;IACF;GAEJ"}

package/dist/components/organisms/List/index.d.mts

@@ -40,7 +40,7 @@ declare const List: {
     classNames,
     renderItem,
     ...props
-  }: Props<T>): string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element;
+  }: Props<T>): string | number | bigint | true | react_jsx_runtime0.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined>;
   Item: ({
     children,
     className,

package/dist/components/organisms/List/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/organisms/List/index.tsx"],"mappings":";;;;;;UAWU,KAAA,YAAiB,IAAA,CACzB,KAAA,CAAM,wBAAA;EAGN,OAAA;EACA,WAAA,GAAc,KAAA,CAAM,cAAA,QAAsB,QAAA;EAC1C,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;IACE,KAAA;IACA,MAAA;IACA,IAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,OAAA;IACA,MAAA,GAAS,KAAA,CAAM,SAAA;IACf,OAAA,GAAU,wBAAA;IACV,IAAA;EAAA;EAEF,IAAA,GAAO,CAAA;EACP,UAAA,IAAc,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,SAAA;AAAA;AAAA,cAG3C,IAAA;EAAA;IAAS,OAAA;IAAA,WAAA;IAAA,MAAA;IAAA,MAAA;IAAA,KAAA;IAAA,KAAA;IAAA,MAAA;IAAA,IAAA;IAAA,SAAA;IAAA,UAAA;IAAA,UAAA;IAAA,GAAA;EAAA,GAaZ,KAAA,CAAM,CAAA,sCAAE,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/organisms/List/index.tsx"],"mappings":";;;;;;UAWU,KAAA,YAAiB,IAAA,CACzB,KAAA,CAAM,wBAAA;EAGN,OAAA;EACA,WAAA,GAAc,KAAA,CAAM,cAAA,QAAsB,QAAA;EAC1C,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,UAAA;IACE,KAAA;IACA,MAAA;IACA,IAAA;EAAA;EAEF,MAAA;IACE,OAAA;IACA,OAAA;IACA,MAAA,GAAS,KAAA,CAAM,SAAA;IACf,OAAA,GAAU,wBAAA;IACV,IAAA;EAAA;EAEF,IAAA,GAAO,CAAA;EACP,UAAA,IAAc,IAAA,EAAM,CAAA,EAAG,KAAA,aAAkB,KAAA,CAAM,SAAA;AAAA;AAAA,cAG3C,IAAA;EAAA;IAAS,OAAA;IAAA,WAAA;IAAA,MAAA;IAAA,MAAA;IAAA,KAAA;IAAA,KAAA;IAAA,MAAA;IAAA,IAAA;IAAA,SAAA;IAAA,UAAA;IAAA,UAAA;IAAA,GAAA;EAAA,GAaZ,KAAA,CAAM,CAAA,sCAAE,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA"}

package/dist/core/switch.d.mts

@@ -8,11 +8,13 @@ declare namespace switch_d_exports {
 }
 interface CustomProps {
   handleClassName?: string;
+  children?: React$1.ReactNode;
 }
 declare function Switch({
   className,
   size,
   handleClassName,
+  children,
   ...props
 }: React$1.ComponentProps<typeof SwitchPrimitive.Root> & {
   size?: 'sm' | 'default';

package/dist/core/switch.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.mts","names":[],"sources":["../../src/core/switch.tsx"],"mappings":";;;;;;;;UAQU,WAAA;EACR,eAAA;AAAA;AAAA,iBAGO,MAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,eAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,IAAA;EAC7C,IAAA;AAAA,IACE,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"switch.d.mts","names":[],"sources":["../../src/core/switch.tsx"],"mappings":";;;;;;;;UAQU,WAAA;EACR,eAAA;EACA,QAAA,GAAW,OAAA,CAAM,SAAA;AAAA;AAAA,iBAGV,MAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,eAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,IAAA;EAC7C,IAAA;AAAA,IACE,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/core/switch.mjs

@@ -3,13 +3,13 @@
 import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
 import { cn } from "../utils.mjs";
 import "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
 //#region src/core/switch.tsx
 var switch_exports = /* @__PURE__ */ __exportAll({ Switch: () => Switch });
-function Switch({ className, size = "default", handleClassName, ...props }) {
-	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+function Switch({ className, size = "default", handleClassName, children, ...props }) {
+	return /* @__PURE__ */ jsxs(SwitchPrimitive.Root, {
 		"data-slot": "switch",
 		"data-size": size,
 		className: cn(`peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input
@@ -21,7 +21,7 @@ function Switch({ className, size = "default", handleClassName, ...props }) {
         data-[size=default]:h-[1.15rem] data-[size=default]:w-8
         data-[size=sm]:h-3.5 data-[size=sm]:w-6`, className),
 		...props,
-		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+		children: [/* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
 			"data-slot": "switch-thumb",
 			className: cn(`bg-background dark:data-[state=unchecked]:bg-foreground
           dark:data-[state=checked]:bg-primary-foreground pointer-events-none
@@ -30,7 +30,7 @@ function Switch({ className, size = "default", handleClassName, ...props }) {
           group-data-[size=sm]/switch:size-3
           data-[state=checked]:translate-x-[calc(100%-2px)]
           data-[state=unchecked]:translate-x-0`, handleClassName)
-		})
+		}), children]
 	});
 }
 

package/dist/core/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.mjs","names":[],"sources":["../../src/core/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\n\nimport { cn } from '@repo/ui/utils';\n\ninterface CustomProps {\n  handleClassName?: string;\n}\n\nfunction Switch({\n  className,\n  size = 'default',\n  handleClassName,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: 'sm' | 'default';\n} & CustomProps) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        `peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\n        focus-visible:border-ring focus-visible:ring-ring/50\n        dark:data-[state=unchecked]:bg-input/80 group/switch inline-flex\n        shrink-0 items-center rounded-full border border-transparent shadow-xs\n        transition-all outline-none focus-visible:ring-[3px]\n        disabled:cursor-not-allowed disabled:opacity-50\n        data-[size=default]:h-[1.15rem] data-[size=default]:w-8\n        data-[size=sm]:h-3.5 data-[size=sm]:w-6`,\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          `bg-background dark:data-[state=unchecked]:bg-foreground\n          dark:data-[state=checked]:bg-primary-foreground pointer-events-none\n          block rounded-full ring-0 transition-transform\n          group-data-[size=default]/switch:size-4\n          group-data-[size=sm]/switch:size-3\n          data-[state=checked]:translate-x-[calc(100%-2px)]\n          data-[state=unchecked]:translate-x-0`,\n          handleClassName,\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":";;;;;;;;;;AAYA,SAAS,OAAO,EACd,WACA,OAAO,WACP,iBACA,GAAG,SAGY;AACf,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT;;;;;;;kDAQA,UACD;EACD,GAAI;YAEJ,oBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT;;;;;;iDAOA,gBACD;IACD;GACmB"}
+{"version":3,"file":"switch.mjs","names":[],"sources":["../../src/core/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\n\nimport { cn } from '@repo/ui/utils';\n\ninterface CustomProps {\n  handleClassName?: string;\n  children?: React.ReactNode;\n}\n\nfunction Switch({\n  className,\n  size = 'default',\n  handleClassName,\n  children,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: 'sm' | 'default';\n} & CustomProps) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        `peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\n        focus-visible:border-ring focus-visible:ring-ring/50\n        dark:data-[state=unchecked]:bg-input/80 group/switch inline-flex\n        shrink-0 items-center rounded-full border border-transparent shadow-xs\n        transition-all outline-none focus-visible:ring-[3px]\n        disabled:cursor-not-allowed disabled:opacity-50\n        data-[size=default]:h-[1.15rem] data-[size=default]:w-8\n        data-[size=sm]:h-3.5 data-[size=sm]:w-6`,\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          `bg-background dark:data-[state=unchecked]:bg-foreground\n          dark:data-[state=checked]:bg-primary-foreground pointer-events-none\n          block rounded-full ring-0 transition-transform\n          group-data-[size=default]/switch:size-4\n          group-data-[size=sm]/switch:size-3\n          data-[state=checked]:translate-x-[calc(100%-2px)]\n          data-[state=unchecked]:translate-x-0`,\n          handleClassName,\n        )}\n      />\n      {children}\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":";;;;;;;;;;AAaA,SAAS,OAAO,EACd,WACA,OAAO,WACP,iBACA,UACA,GAAG,SAGY;AACf,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT;;;;;;;kDAQA,UACD;EACD,GAAI;aAEJ,oBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT;;;;;;iDAOA,gBACD;IACD,EACD;GACoB"}

package/dist/index.d.mts

@@ -27,4 +27,8 @@ import { Swiper } from "./components/organisms/Swiper/index.mjs";
 import "./components/organisms/index.mjs";
 import { Layout } from "./components/templates/Layout/index.mjs";
 import "./components/templates/index.mjs";
-export { Button, Card, Checkbox, Collapse, ColorPicker, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Popover, Progress, Radio, Reveals, Select, Skeleton, Space, Spin, Swiper, Switch, Typography };
+import { ThemeConfig, ThemeToken } from "./providers/ConfigProvider/types.mjs";
+import { useConfig } from "./providers/ConfigProvider/ConfigContext.mjs";
+import { ConfigProvider, Props } from "./providers/ConfigProvider/index.mjs";
+import "./providers/index.mjs";
+export { Button, Card, Checkbox, Collapse, ColorPicker, ConfigProvider, Props as ConfigProviderProps, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Popover, Progress, Radio, Reveals, Select, Skeleton, Space, Spin, Swiper, Switch, ThemeConfig, ThemeToken, Typography, useConfig };

package/dist/index.mjs

@@ -28,5 +28,8 @@ import Swiper from "./components/organisms/Swiper/index.mjs";
 import "./components/organisms/index.mjs";
 import Layout from "./components/templates/Layout/index.mjs";
 import "./components/templates/index.mjs";
+import { useConfig } from "./providers/ConfigProvider/ConfigContext.mjs";
+import ConfigProvider from "./providers/ConfigProvider/index.mjs";
+import "./providers/index.mjs";
 
-export { Button, Card, Checkbox, Collapse, ColorPicker, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Popover, Progress, Radio, Reveals, Select, Skeleton, Space, Spin, Swiper, Switch, Typography };
+export { Button, Card, Checkbox, Collapse, ColorPicker, ConfigProvider, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Popover, Progress, Radio, Reveals, Select, Skeleton, Space, Spin, Swiper, Switch, Typography, useConfig };

package/dist/providers/ConfigProvider/ConfigContext.d.mts

@@ -0,0 +1,8 @@
+import { ConfigContextValue } from "./types.mjs";
+import "react";
+
+//#region src/providers/ConfigProvider/ConfigContext.d.ts
+declare const useConfig: () => ConfigContextValue;
+//#endregion
+export { useConfig };
+//# sourceMappingURL=ConfigContext.d.mts.map

package/dist/providers/ConfigProvider/ConfigContext.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigContext.d.mts","names":[],"sources":["../../../src/providers/ConfigProvider/ConfigContext.ts"],"mappings":";;;;cAUa,SAAA,QAAS,kBAAA"}

package/dist/providers/ConfigProvider/ConfigContext.mjs

@@ -0,0 +1,11 @@
+'use client';
+
+import { createContext, useContext } from "react";
+
+//#region src/providers/ConfigProvider/ConfigContext.ts
+const ConfigContext = createContext({ theme: {} });
+const useConfig = () => useContext(ConfigContext);
+
+//#endregion
+export { ConfigContext, useConfig };
+//# sourceMappingURL=ConfigContext.mjs.map

package/dist/providers/ConfigProvider/ConfigContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigContext.mjs","names":[],"sources":["../../../src/providers/ConfigProvider/ConfigContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nimport type { ConfigContextValue } from './types';\n\nexport const ConfigContext = createContext<ConfigContextValue>({\n  theme: {},\n});\n\nexport const useConfig = () => useContext(ConfigContext);\n"],"mappings":";;;;;AAMA,MAAa,gBAAgB,cAAkC,EAC7D,OAAO,EAAE,EACV,CAAC;AAEF,MAAa,kBAAkB,WAAW,cAAc"}

package/dist/providers/ConfigProvider/index.d.mts

@@ -0,0 +1,18 @@
+import { ThemeConfig, ThemeToken } from "./types.mjs";
+import { useConfig } from "./ConfigContext.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/providers/ConfigProvider/index.d.ts
+interface Props {
+  theme?: ThemeConfig;
+  className?: string;
+  children: React.ReactNode;
+}
+declare const ConfigProvider: ({
+  theme,
+  className,
+  children
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConfigProvider, type Props };
+//# sourceMappingURL=index.d.mts.map

package/dist/providers/ConfigProvider/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../src/providers/ConfigProvider/index.tsx"],"mappings":";;;;;UAmDU,KAAA;EACR,KAAA,GAAQ,WAAA;EACR,SAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,cAAA;EAAkB,KAAA;EAAA,SAAA;EAAA;AAAA,GAAqC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/providers/ConfigProvider/index.mjs

@@ -0,0 +1,67 @@
+'use client';
+
+import { cn } from "../../utils.mjs";
+import { ConfigContext, useConfig } from "./ConfigContext.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/providers/ConfigProvider/index.tsx
+const tokenToCssVar = {
+	colorPrimary: "--primary",
+	colorPrimaryForeground: "--primary-foreground",
+	colorBackground: "--background",
+	colorForeground: "--foreground",
+	colorCard: "--card",
+	colorCardForeground: "--card-foreground",
+	colorPopover: "--popover",
+	colorPopoverForeground: "--popover-foreground",
+	colorSecondary: "--secondary",
+	colorSecondaryForeground: "--secondary-foreground",
+	colorMuted: "--muted",
+	colorMutedForeground: "--muted-foreground",
+	colorAccent: "--accent",
+	colorAccentForeground: "--accent-foreground",
+	colorDestructive: "--destructive",
+	colorBorder: "--border",
+	colorInput: "--input",
+	colorRing: "--ring",
+	borderRadius: "--radius"
+};
+const buildCssVars = (token) => {
+	if (!token) return {};
+	const vars = {};
+	for (const [key, value] of Object.entries(token)) {
+		if (value === void 0) continue;
+		const cssVar = tokenToCssVar[key];
+		if (cssVar) vars[cssVar] = value;
+	}
+	return vars;
+};
+const ConfigProvider = ({ theme = {}, className, children }) => {
+	const parent = useConfig();
+	const mergedTheme = useMemo(() => ({
+		...parent.theme,
+		...theme,
+		token: {
+			...parent.theme.token,
+			...theme.token
+		}
+	}), [parent.theme, theme]);
+	const contextValue = useMemo(() => ({ theme: mergedTheme }), [mergedTheme]);
+	const cssVars = useMemo(() => buildCssVars(mergedTheme.token), [mergedTheme.token]);
+	const hasCssVars = Object.keys(cssVars).length > 0;
+	const hasDarkMode = mergedTheme.dark !== void 0;
+	const needsWrapper = hasCssVars || hasDarkMode || className;
+	return /* @__PURE__ */ jsx(ConfigContext.Provider, {
+		value: contextValue,
+		children: needsWrapper ? /* @__PURE__ */ jsx("div", {
+			className: cn(mergedTheme.dark && "dark", className),
+			style: hasCssVars ? cssVars : void 0,
+			children
+		}) : children
+	});
+};
+
+//#endregion
+export { ConfigProvider as default };
+//# sourceMappingURL=index.mjs.map

package/dist/providers/ConfigProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/providers/ConfigProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport { ConfigContext, useConfig } from './ConfigContext';\nimport type { ThemeConfig, ThemeToken } from './types';\n\nconst tokenToCssVar: Record<keyof ThemeToken, string> = {\n  colorPrimary: '--primary',\n  colorPrimaryForeground: '--primary-foreground',\n  colorBackground: '--background',\n  colorForeground: '--foreground',\n  colorCard: '--card',\n  colorCardForeground: '--card-foreground',\n  colorPopover: '--popover',\n  colorPopoverForeground: '--popover-foreground',\n  colorSecondary: '--secondary',\n  colorSecondaryForeground: '--secondary-foreground',\n  colorMuted: '--muted',\n  colorMutedForeground: '--muted-foreground',\n  colorAccent: '--accent',\n  colorAccentForeground: '--accent-foreground',\n  colorDestructive: '--destructive',\n  colorBorder: '--border',\n  colorInput: '--input',\n  colorRing: '--ring',\n  borderRadius: '--radius',\n};\n\nconst buildCssVars = (token?: ThemeToken): React.CSSProperties => {\n  if (!token) {\n    return {};\n  }\n\n  const vars: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(token)) {\n    if (value === undefined) {\n      continue;\n    }\n    const cssVar = tokenToCssVar[key as keyof ThemeToken];\n    if (cssVar) {\n      vars[cssVar] = value;\n    }\n  }\n\n  return vars as React.CSSProperties;\n};\n\ninterface Props {\n  theme?: ThemeConfig;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst ConfigProvider = ({ theme = {}, className, children }: Props) => {\n  const parent = useConfig();\n\n  const mergedTheme = useMemo<ThemeConfig>(\n    () => ({\n      ...parent.theme,\n      ...theme,\n      token: {\n        ...parent.theme.token,\n        ...theme.token,\n      },\n    }),\n    [parent.theme, theme],\n  );\n\n  const contextValue = useMemo(() => ({ theme: mergedTheme }), [mergedTheme]);\n\n  const cssVars = useMemo(\n    () => buildCssVars(mergedTheme.token),\n    [mergedTheme.token],\n  );\n\n  const hasCssVars = Object.keys(cssVars).length > 0;\n  const hasDarkMode = mergedTheme.dark !== undefined;\n  const needsWrapper = hasCssVars || hasDarkMode || className;\n\n  return (\n    <ConfigContext.Provider value={contextValue}>\n      {needsWrapper ? (\n        <div\n          className={cn(mergedTheme.dark && 'dark', className)}\n          style={hasCssVars ? cssVars : undefined}\n        >\n          {children}\n        </div>\n      ) : (\n        children\n      )}\n    </ConfigContext.Provider>\n  );\n};\n\nexport default ConfigProvider;\nexport { useConfig };\nexport type { Props, ThemeConfig, ThemeToken };\n"],"mappings":";;;;;;;;AASA,MAAM,gBAAkD;CACtD,cAAc;CACd,wBAAwB;CACxB,iBAAiB;CACjB,iBAAiB;CACjB,WAAW;CACX,qBAAqB;CACrB,cAAc;CACd,wBAAwB;CACxB,gBAAgB;CAChB,0BAA0B;CAC1B,YAAY;CACZ,sBAAsB;CACtB,aAAa;CACb,uBAAuB;CACvB,kBAAkB;CAClB,aAAa;CACb,YAAY;CACZ,WAAW;CACX,cAAc;CACf;AAED,MAAM,gBAAgB,UAA4C;AAChE,KAAI,CAAC,MACH,QAAO,EAAE;CAGX,MAAM,OAA+B,EAAE;AAEvC,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,EAAE;AAChD,MAAI,UAAU,OACZ;EAEF,MAAM,SAAS,cAAc;AAC7B,MAAI,OACF,MAAK,UAAU;;AAInB,QAAO;;AAST,MAAM,kBAAkB,EAAE,QAAQ,EAAE,EAAE,WAAW,eAAsB;CACrE,MAAM,SAAS,WAAW;CAE1B,MAAM,cAAc,eACX;EACL,GAAG,OAAO;EACV,GAAG;EACH,OAAO;GACL,GAAG,OAAO,MAAM;GAChB,GAAG,MAAM;GACV;EACF,GACD,CAAC,OAAO,OAAO,MAAM,CACtB;CAED,MAAM,eAAe,eAAe,EAAE,OAAO,aAAa,GAAG,CAAC,YAAY,CAAC;CAE3E,MAAM,UAAU,cACR,aAAa,YAAY,MAAM,EACrC,CAAC,YAAY,MAAM,CACpB;CAED,MAAM,aAAa,OAAO,KAAK,QAAQ,CAAC,SAAS;CACjD,MAAM,cAAc,YAAY,SAAS;CACzC,MAAM,eAAe,cAAc,eAAe;AAElD,QACE,oBAAC,cAAc;EAAS,OAAO;YAC5B,eACC,oBAAC;GACC,WAAW,GAAG,YAAY,QAAQ,QAAQ,UAAU;GACpD,OAAO,aAAa,UAAU;GAE7B;IACG,GAEN;GAEqB"}

package/dist/providers/ConfigProvider/types.d.mts

@@ -0,0 +1,32 @@
+//#region src/providers/ConfigProvider/types.d.ts
+interface ThemeToken {
+  colorPrimary?: string;
+  colorPrimaryForeground?: string;
+  colorBackground?: string;
+  colorForeground?: string;
+  colorCard?: string;
+  colorCardForeground?: string;
+  colorPopover?: string;
+  colorPopoverForeground?: string;
+  colorSecondary?: string;
+  colorSecondaryForeground?: string;
+  colorMuted?: string;
+  colorMutedForeground?: string;
+  colorAccent?: string;
+  colorAccentForeground?: string;
+  colorDestructive?: string;
+  colorBorder?: string;
+  colorInput?: string;
+  colorRing?: string;
+  borderRadius?: string;
+}
+interface ThemeConfig {
+  token?: ThemeToken;
+  dark?: boolean;
+}
+interface ConfigContextValue {
+  theme: ThemeConfig;
+}
+//#endregion
+export { ConfigContextValue, ThemeConfig, ThemeToken };
+//# sourceMappingURL=types.d.mts.map

package/dist/providers/ConfigProvider/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../../src/providers/ConfigProvider/types.ts"],"mappings":";UAAiB,UAAA;EAEf,YAAA;EACA,sBAAA;EACA,eAAA;EACA,eAAA;EACA,SAAA;EACA,mBAAA;EACA,YAAA;EACA,sBAAA;EACA,cAAA;EACA,wBAAA;EACA,UAAA;EACA,oBAAA;EACA,WAAA;EACA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EAGA,YAAA;AAAA;AAAA,UAGe,WAAA;EACf,KAAA,GAAQ,UAAA;EACR,IAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA,EAAO,WAAA;AAAA"}

package/dist/providers/index.d.mts

@@ -0,0 +1,3 @@
+import { ThemeConfig, ThemeToken } from "./ConfigProvider/types.mjs";
+import { useConfig } from "./ConfigProvider/ConfigContext.mjs";
+import { ConfigProvider, Props } from "./ConfigProvider/index.mjs";

package/dist/providers/index.mjs

@@ -0,0 +1,4 @@
+import { useConfig } from "./ConfigProvider/ConfigContext.mjs";
+import ConfigProvider from "./ConfigProvider/index.mjs";
+
+export {  };