@jbpark/ui-kit 2.3.3 → 2.3.4

package/dist/components/organisms/Modal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["dialog","uuid"],"sources":["../../../../src/components/organisms/Modal/index.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Root, createRoot } from 'react-dom/client';\n\nimport {\n  Check,\n  CircleQuestionMark,\n  Info,\n  OctagonAlert,\n  OctagonX,\n} from 'lucide-react';\nimport { v4 as uuid } from 'uuid';\n\nimport { Button } from '@repo/ui';\nimport { dialog } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} = dialog;\n\ninterface Props {\n  open?: boolean;\n  maskClosable?: boolean;\n  closable?:\n    | boolean\n    | {\n        closeIcon?: React.ReactNode;\n        disabled?: boolean;\n      };\n  closeIcon?: React.ReactNode;\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n  classNames?: {\n    mask?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n  };\n  style?: React.CSSProperties;\n  okText?: string;\n  cancelText?: string;\n  container?: HTMLElement;\n  children?: React.ReactNode;\n  onOk?: () => void;\n  onCancel?: () => void;\n}\n\ninterface StaticProps extends Props {\n  type?: 'info' | 'success' | 'error' | 'warning' | 'confirm';\n  id?: string;\n  icon?: React.ReactNode;\n  container?: HTMLElement;\n}\n\nconst isBrowser =\n  typeof window !== 'undefined' && typeof document !== 'undefined';\n\nlet modalRoot: Root | null = null;\nlet modalStack: StaticProps[] = [];\nlet updateStack: (() => void) | null = null;\n\nconst createModalRoot = (container?: HTMLElement) => {\n  if (!isBrowser) {\n    return null;\n  }\n\n  const targetContainer = container || document.body;\n  let rootEl = targetContainer.querySelector(\n    '#modal-root',\n  ) as HTMLElement | null;\n\n  if (!rootEl) {\n    rootEl = document.createElement('div');\n    rootEl.setAttribute('id', 'modal-root');\n    rootEl.setAttribute('role', 'dialog');\n    rootEl.setAttribute('aria-modal', 'true');\n    rootEl.style.zIndex = '10000';\n    rootEl.style.position = 'absolute';\n    targetContainer.appendChild(rootEl);\n  }\n\n  return rootEl;\n};\n\nconst Modal = ({\n  open = false,\n  maskClosable = false,\n  closable = false,\n  closeIcon,\n  className,\n  classNames,\n  style,\n  title,\n  footer,\n  container,\n  children,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  onOk,\n  onCancel,\n  ...props\n}: Props) => {\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(open: boolean) => {\n        if (!open && maskClosable) {\n          onCancel?.();\n        }\n      }}\n      {...props}\n    >\n      <DialogContent\n        className={cn(\n          'rounded-lg p-4 max-sm:max-w-[80%]',\n          'border-none outline-none',\n          className,\n        )}\n        classNames={{\n          ...classNames,\n          mask: cn('bg-black/60', classNames?.mask),\n        }}\n        style={style}\n        showCloseButton={!!closable}\n        closeIcon={closeIcon}\n        container={container}\n        onCancel={onCancel}\n      >\n        {/**\n         * @todo [Dialog & AlertDialog] fix: can't get id correctly in shadow dom\n         * @see https://github.com/radix-ui/primitives/pull/3384\n         **/}\n        <DialogHeader\n          className={cn(\n            classNames?.header,\n            !title && 'hidden',\n            //\n          )}\n        >\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription className=\"hidden\" />\n        </DialogHeader>\n        <div className={cn('break-all', classNames?.body)}>{children}</div>\n        {footer !== null && (\n          <DialogFooter\n            className={cn('flex-row justify-end gap-x-2', classNames?.footer)}\n          >\n            {footer || (\n              <>\n                <Button onClick={onOk}>{okText}</Button>\n                <Button variant=\"outlined\" onClick={onCancel}>\n                  {cancelText}\n                </Button>\n              </>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst STATIC_ICONS = {\n  info: <Info className=\"text-blue-400\" />,\n  success: <Check className=\"text-green-400\" />,\n  error: <OctagonX className=\"text-red-400\" />,\n  warning: <OctagonAlert className=\"text-yellow-400\" />,\n  confirm: <CircleQuestionMark />,\n};\n\nconst StaticModal = ({\n  type,\n  title,\n  content,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  id,\n  container,\n  icon,\n  onOk,\n  onCancel,\n  ...props\n}: StaticProps) => {\n  const [open, setOpen] = useState(true);\n\n  const closeModal = (callback?: () => void) => {\n    callback?.();\n    setOpen(false);\n    setTimeout(() => {\n      Modal.destroy(id);\n    }, 200);\n  };\n\n  const footer =\n    type === 'confirm' ? (\n      <div className=\"grid w-full grid-cols-5 gap-x-2\">\n        <Button\n          variant=\"outlined\"\n          className=\"col-span-2\"\n          onClick={() => closeModal(onCancel)}\n        >\n          {cancelText}\n        </Button>\n        <Button className=\"col-span-3\" onClick={() => closeModal(onOk)}>\n          {okText}\n        </Button>\n      </div>\n    ) : (\n      <Button\n        className={cn(\n          'grow',\n          //\n        )}\n        onClick={() => closeModal(onOk)}\n      >\n        {okText}\n      </Button>\n    );\n\n  if (!isBrowser) {\n    return null;\n  }\n\n  return createPortal(\n    <Modal\n      open={open}\n      footer={footer}\n      className={cn(\n        'z-10000',\n        'box-content w-100',\n        'rounded-3xl p-4',\n        'gap-y-0',\n      )}\n      classNames={{\n        mask: 'z-10000 bg-black/[.6]',\n        body: cn(\n          'text-black-70 whitespace-pre-wrap text-center',\n          content && 'mt-3',\n        ),\n        footer: 'mt-9',\n      }}\n      title={\n        <p\n          className={cn(\n            'text-center text-lg leading-normal whitespace-pre-wrap',\n            'flex items-center justify-center gap-x-2',\n            //\n          )}\n        >\n          {icon || (type && STATIC_ICONS[type])}\n          {title}\n        </p>\n      }\n      container={container}\n      onCancel={() => closeModal(onOk)}\n      {...props}\n    >\n      {content}\n    </Modal>,\n    createModalRoot(container)!,\n  );\n};\n\nconst ModalStackRenderer = () => {\n  const [, forceUpdate] = useState({});\n\n  useEffect(() => {\n    updateStack = () => forceUpdate({});\n    return () => {\n      updateStack = null;\n    };\n  }, []);\n\n  return (\n    <>\n      {modalStack.map(({ id, ...props }) => (\n        <StaticModal key={id} id={id} {...props} />\n      ))}\n    </>\n  );\n};\n\nconst modalRoots = new Map<HTMLElement, Root>();\n\nconst renderModal = (props: StaticProps) => {\n  if (!isBrowser) {\n    return;\n  }\n\n  const targetContainer = props.container || document.body;\n  const rootElement = createModalRoot(targetContainer)!;\n\n  if (!modalRoots.has(targetContainer)) {\n    const root = createRoot(rootElement);\n    modalRoots.set(targetContainer, root);\n    root.render(<ModalStackRenderer />);\n  }\n\n  const id = props.id || uuid();\n  modalStack.push({ ...props, id });\n  updateStack?.();\n\n  return id;\n};\n\nModal.destroy = (id?: string) => {\n  modalStack = id ? modalStack.filter(modal => modal.id !== id) : [];\n\n  updateStack?.();\n\n  if (!modalStack.length && modalRoot) {\n    modalRoot.unmount();\n    modalRoot = null;\n  }\n};\n\nModal.destroyAll = () => {\n  Modal.destroy();\n};\n\nModal.info = (props: StaticProps) => renderModal({ type: 'info', ...props });\nModal.success = (props: StaticProps) =>\n  renderModal({ type: 'success', ...props });\nModal.error = (props: StaticProps) => renderModal({ type: 'error', ...props });\nModal.warning = (props: StaticProps) =>\n  renderModal({ type: 'warning', ...props });\nModal.confirm = (props: StaticProps) =>\n  renderModal({ type: 'confirm', ...props });\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/components/organisms/Swiper/Slide/index.mjs

@@ -0,0 +1,17 @@
+import { cn } from "../../../../utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { SwiperSlide } from "swiper/react";
+
+//#region src/components/organisms/Swiper/Slide/index.tsx
+const Slide = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx(SwiperSlide, {
+		className: cn(className),
+		...props,
+		children
+	});
+};
+Slide.displayName = "SwiperSlide";
+
+//#endregion
+export { Slide as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/organisms/Swiper/Slide/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/organisms/Swiper/Slide/index.tsx"],"sourcesContent":["import { SwiperSlide, type SwiperSlideProps } from 'swiper/react';\n\nimport { cn } from '@repo/ui/utils';\n\nconst Slide = ({ children, className, ...props }: SwiperSlideProps) => {\n  return (\n    <SwiperSlide className={cn(className)} {...props}>\n      {children}\n    </SwiperSlide>\n  );\n};\n\nSlide.displayName = 'SwiperSlide';\n\nexport default Slide;\n"],"mappings":";;;;;AAIA,MAAM,SAAS,EAAE,UAAU,WAAW,GAAG,YAA8B;AACrE,QACE,oBAAC;EAAY,WAAW,GAAG,UAAU;EAAE,GAAI;EACxC;GACW;;AAIlB,MAAM,cAAc"}

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

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as swiper_react0 from "swiper/react";
+import { SwiperProps } from "swiper/react";
+import "swiper/css";
+import "swiper/css/autoplay";
+import "swiper/css/effect-cards";
+import "swiper/css/navigation";
+import "swiper/css/scrollbar";
+import { SwiperOptions } from "swiper/types";
+
+//#region src/components/organisms/Swiper/index.d.ts
+interface Props<T> extends SwiperProps {
+  loading?: boolean;
+  loader?: React.ReactNode;
+  loadingClassName?: string;
+  options?: SwiperOptions;
+  data: T[];
+  renderItem(item: T, key: number): React.ReactNode;
+}
+declare const Swiper$1: {
+  <T>({
+    loading,
+    loader,
+    options,
+    data,
+    style,
+    renderItem,
+    loadingClassName,
+    ...props
+  }: Props<T>): react_jsx_runtime0.JSX.Element;
+  Slide: {
+    ({
+      children,
+      className,
+      ...props
+    }: swiper_react0.SwiperSlideProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+};
+//#endregion
+export { Swiper$1 as Swiper };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/organisms/Swiper/index.tsx"],"mappings":";;;;;;;;;;;UA8BU,KAAA,YAAiB,WAAA;EACzB,OAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,gBAAA;EACA,OAAA,GAAU,aAAA;EACV,IAAA,EAAM,CAAA;EACN,UAAA,CAAW,IAAA,EAAM,CAAA,EAAG,GAAA,WAAc,KAAA,CAAM,SAAA;AAAA;AAAA,cAGpC,QAAA;EAAA;IAAW,OAAA;IAAA,MAAA;IAAA,OAAA;IAAA,IAAA;IAAA,KAAA;IAAA,UAAA;IAAA,gBAAA;IAAA,GAAA;EAAA,GASd,KAAA,CAAM,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/organisms/Swiper/index.mjs

@@ -0,0 +1,58 @@
+'use client';
+
+import { cn } from "../../../utils.mjs";
+import Spin from "../../atoms/Spin/index.mjs";
+import "../../atoms/index.mjs";
+import Slide from "./Slide/index.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Autoplay, EffectCards, Navigation, Scrollbar } from "swiper/modules";
+import { Swiper } from "swiper/react";
+import "swiper/css";
+import "swiper/css/autoplay";
+import "swiper/css/effect-cards";
+import "swiper/css/navigation";
+import "swiper/css/scrollbar";
+
+//#region src/components/organisms/Swiper/index.tsx
+const initialOptions = {
+	loop: false,
+	spaceBetween: 8,
+	slidesPerView: "auto",
+	navigation: false,
+	autoplay: {
+		delay: 2500,
+		disableOnInteraction: false
+	}
+};
+const initialStyle = {
+	width: "100%",
+	maxWidth: "100vw",
+	overflow: "hidden"
+};
+const Swiper$1 = ({ loading, loader, options = {}, data = [], style, renderItem, loadingClassName, ...props }) => {
+	if (loading) return /* @__PURE__ */ jsx("div", {
+		className: cn("h-32", loadingClassName),
+		children: loader || /* @__PURE__ */ jsx(Spin, { spinning: true })
+	});
+	return /* @__PURE__ */ jsx(Swiper, {
+		modules: [
+			Navigation,
+			Scrollbar,
+			Autoplay,
+			EffectCards
+		],
+		...initialOptions,
+		...options,
+		style: {
+			...initialStyle,
+			...style
+		},
+		...props,
+		children: data.map((item, i) => renderItem(item, i))
+	});
+};
+Swiper$1.Slide = Slide;
+
+//#endregion
+export { Swiper$1 as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/organisms/Swiper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Swiper","SwiperCore"],"sources":["../../../../src/components/organisms/Swiper/index.tsx"],"sourcesContent":["'use client';\n\nimport { Autoplay, EffectCards, Navigation, Scrollbar } from 'swiper/modules';\nimport { Swiper as SwiperCore, SwiperProps } from 'swiper/react';\nimport { SwiperOptions } from 'swiper/types';\n\nimport { cn } from '@repo/ui/utils';\n\nimport 'swiper/css';\nimport 'swiper/css/autoplay';\nimport 'swiper/css/effect-cards';\nimport 'swiper/css/navigation';\nimport 'swiper/css/scrollbar';\n\nimport { Spin } from '../../atoms';\nimport Slide from './Slide';\n\nexport const initialOptions: SwiperOptions = {\n  loop: false,\n  spaceBetween: 8,\n  slidesPerView: 'auto',\n  navigation: false,\n  autoplay: {\n    delay: 2500,\n    disableOnInteraction: false,\n  },\n};\n\nconst initialStyle = { width: '100%', maxWidth: '100vw', overflow: 'hidden' };\n\ninterface Props<T> extends SwiperProps {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  loadingClassName?: string;\n  options?: SwiperOptions;\n  data: T[];\n  renderItem(item: T, key: number): React.ReactNode;\n}\n\nconst Swiper = <T,>({\n  loading,\n  loader,\n  options = {},\n  data = [],\n  style,\n  renderItem,\n  loadingClassName,\n  ...props\n}: Props<T>) => {\n  if (loading) {\n    return (\n      <div className={cn('h-32', loadingClassName)}>\n        {loader || <Spin spinning />}\n      </div>\n    );\n  }\n\n  return (\n    <SwiperCore\n      modules={[Navigation, Scrollbar, Autoplay, EffectCards]}\n      {...initialOptions}\n      {...options}\n      style={{ ...initialStyle, ...style }}\n      {...props}\n    >\n      {data.map((item: T, i) => renderItem(item, i))}\n    </SwiperCore>\n  );\n};\n\nSwiper.Slide = Slide;\n\nexport default Swiper;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAa,iBAAgC;CAC3C,MAAM;CACN,cAAc;CACd,eAAe;CACf,YAAY;CACZ,UAAU;EACR,OAAO;EACP,sBAAsB;EACvB;CACF;AAED,MAAM,eAAe;CAAE,OAAO;CAAQ,UAAU;CAAS,UAAU;CAAU;AAW7E,MAAMA,YAAc,EAClB,SACA,QACA,UAAU,EAAE,EACZ,OAAO,EAAE,EACT,OACA,YACA,kBACA,GAAG,YACW;AACd,KAAI,QACF,QACE,oBAAC;EAAI,WAAW,GAAG,QAAQ,iBAAiB;YACzC,UAAU,oBAAC,QAAK,iBAAW;GACxB;AAIV,QACE,oBAACC;EACC,SAAS;GAAC;GAAY;GAAW;GAAU;GAAY;EACvD,GAAI;EACJ,GAAI;EACJ,OAAO;GAAE,GAAG;GAAc,GAAG;GAAO;EACpC,GAAI;YAEH,KAAK,KAAK,MAAS,MAAM,WAAW,MAAM,EAAE,CAAC;GACnC;;AAIjB,SAAO,QAAQ"}

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

@@ -0,0 +1,4 @@
+import { Drawer } from "./Drawer/index.mjs";
+import { List } from "./List/index.mjs";
+import { Modal } from "./Modal/index.mjs";
+import { Swiper } from "./Swiper/index.mjs";

package/dist/components/organisms/index.mjs

@@ -0,0 +1,6 @@
+import Drawer from "./Drawer/index.mjs";
+import List from "./List/index.mjs";
+import Modal from "./Modal/index.mjs";
+import Swiper from "./Swiper/index.mjs";
+
+export {  };

package/dist/components/templates/Layout/Content/index.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/components/templates/Layout/Content/index.mjs

@@ -0,0 +1,15 @@
+import { cn } from "../../../../utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/templates/Layout/Content/index.tsx
+const Content = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("shrink grow basis-0", className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Content as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/templates/Layout/Content/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/templates/Layout/Content/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nconst Content = ({\n  children,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) => {\n  return (\n    <div className={cn('shrink grow basis-0', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport default Content;\n"],"mappings":";;;;AAEA,MAAM,WAAW,EACf,UACA,WACA,GAAG,YACwC;AAC3C,QACE,oBAAC;EAAI,WAAW,GAAG,uBAAuB,UAAU;EAAE,GAAI;EACvD;GACG"}

package/dist/components/templates/Layout/Footer/index.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/components/templates/Layout/Footer/index.mjs

@@ -0,0 +1,15 @@
+import { cn } from "../../../../utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/templates/Layout/Footer/index.tsx
+const Footer = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className, "w-full"),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Footer as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/templates/Layout/Footer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/templates/Layout/Footer/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nconst Footer = ({\n  children,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) => {\n  return (\n    <div className={cn(className, 'w-full')} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;AAEA,MAAM,UAAU,EACd,UACA,WACA,GAAG,YACwC;AAC3C,QACE,oBAAC;EAAI,WAAW,GAAG,WAAW,SAAS;EAAE,GAAI;EAC1C;GACG"}

package/dist/components/templates/Layout/Header/index.d.mts

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+
+//#region src/components/templates/Layout/Header/index.d.ts
+interface Props extends React.ComponentPropsWithoutRef<'div'> {}
+//#endregion
+export { Props };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/templates/Layout/Header/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../../src/components/templates/Layout/Header/index.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA"}

package/dist/components/templates/Layout/Header/index.mjs

@@ -0,0 +1,15 @@
+import { cn } from "../../../../utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/templates/Layout/Header/index.tsx
+const Header = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("sticky top-0 z-50", "flex w-full items-center justify-center px-5", className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Header as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/templates/Layout/Header/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/templates/Layout/Header/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst Header = ({ children, className, ...props }: Props) => {\n  return (\n    <div\n      className={cn(\n        'sticky top-0 z-50',\n        'flex w-full items-center justify-center px-5',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;AAIA,MAAM,UAAU,EAAE,UAAU,WAAW,GAAG,YAAmB;AAC3D,QACE,oBAAC;EACC,WAAW,GACT,qBACA,gDACA,UACD;EACD,GAAI;EAEH;GACG"}

package/dist/components/templates/Layout/Sider/index.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/components/templates/Layout/Sider/index.mjs

@@ -0,0 +1,15 @@
+import { cn } from "../../../../utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/templates/Layout/Sider/index.tsx
+const Sider = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("z-100", "w-50", className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Sider as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/templates/Layout/Sider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/templates/Layout/Sider/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nconst Sider = ({\n  children,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) => {\n  return (\n    <div\n      className={cn(\n        'z-100',\n        'w-50',\n        className,\n        //\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Sider;\n"],"mappings":";;;;AAEA,MAAM,SAAS,EACb,UACA,WACA,GAAG,YACwC;AAC3C,QACE,oBAAC;EACC,WAAW,GACT,SACA,QACA,UAED;EACD,GAAI;EAEH;GACG"}

package/dist/components/templates/Layout/index.d.mts

@@ -0,0 +1,38 @@
+import { Props as Props$1 } from "./Header/index.mjs";
+import "./Content/index.mjs";
+import "./Footer/index.mjs";
+import "./Sider/index.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/templates/Layout/index.d.ts
+interface Props extends React.ComponentPropsWithoutRef<'div'> {}
+declare const Layout: {
+  ({
+    children,
+    className,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    children,
+    className,
+    ...props
+  }: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    children,
+    className,
+    ...props
+  }: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
+  Header: ({
+    children,
+    className,
+    ...props
+  }: Props$1) => react_jsx_runtime0.JSX.Element;
+  Sider: ({
+    children,
+    className,
+    ...props
+  }: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Layout };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/templates/Layout/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/templates/Layout/index.tsx"],"mappings":";;;;;;;UAOiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,MAAA;EAAA;;;;KAA6C,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/templates/Layout/index.mjs

@@ -0,0 +1,23 @@
+import { cn } from "../../../utils.mjs";
+import Content from "./Content/index.mjs";
+import Footer from "./Footer/index.mjs";
+import Header from "./Header/index.mjs";
+import Sider from "./Sider/index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/templates/Layout/index.tsx
+const Layout = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full flex-wrap content-start", className),
+		...props,
+		children
+	});
+};
+Layout.Content = Content;
+Layout.Footer = Footer;
+Layout.Header = Header;
+Layout.Sider = Sider;
+
+//#endregion
+export { Layout as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/templates/Layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/templates/Layout/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Content from './Content';\nimport Footer from './Footer';\nimport Header from './Header';\nimport Sider from './Sider';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst Layout = ({ children, className, ...props }: Props) => {\n  return (\n    <div\n      className={cn('flex w-full flex-wrap content-start', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Header = Header;\nLayout.Sider = Sider;\n\nexport { Content, Footer, Header, Sider };\n\nexport default Layout;\n"],"mappings":";;;;;;;;AASA,MAAM,UAAU,EAAE,UAAU,WAAW,GAAG,YAAmB;AAC3D,QACE,oBAAC;EACC,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;EAEH;GACG;;AAIV,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,QAAQ"}

package/dist/components/templates/index.d.mts

@@ -0,0 +1 @@
+import { Layout } from "./Layout/index.mjs";

package/dist/components/templates/index.mjs

@@ -0,0 +1,3 @@
+import Layout from "./Layout/index.mjs";
+
+export {  };

package/dist/core/accordion.d.mts

@@ -0,0 +1,32 @@
+import * as React$1 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/core/accordion.d.ts
+declare namespace accordion_d_exports {
+  export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+}
+declare function Accordion({
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime0.JSX.Element;
+declare function AccordionItem({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime0.JSX.Element;
+interface CustomTriggerProps {
+  expandIcon?: React$1.ReactNode;
+}
+declare function AccordionTrigger({
+  className,
+  children,
+  expandIcon,
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Trigger> & CustomTriggerProps): react_jsx_runtime0.JSX.Element;
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { accordion_d_exports };
+//# sourceMappingURL=accordion.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.mts","names":[],"sources":["../../src/core/accordion.tsx"],"mappings":";;;;;;;;iBASS,SAAA,CAAA;EAAA,GACJ;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9C,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAU7C,kBAAA;EACR,UAAA,GAAa,OAAA,CAAM,SAAA;AAAA;AAAA,iBAGZ,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,OAAA,IAChD,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA2BX,gBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,kBAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/core/accordion.mjs

@@ -0,0 +1,59 @@
+'use client';
+
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import { cn } from "../utils.mjs";
+import { ChevronDownIcon } from "lucide-react";
+import "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/core/accordion.tsx
+var accordion_exports = /* @__PURE__ */ __exportAll({
+	Accordion: () => Accordion,
+	AccordionContent: () => AccordionContent,
+	AccordionItem: () => AccordionItem,
+	AccordionTrigger: () => AccordionTrigger
+});
+function Accordion({ ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+		"data-slot": "accordion",
+		...props
+	});
+}
+function AccordionItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b last:border-b-0", className),
+		...props
+	});
+}
+function AccordionTrigger({ className, children, expandIcon, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn(`focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1
+          items-start justify-between gap-4 rounded-md py-4 text-left text-sm
+          font-medium transition-all outline-none hover:underline
+          focus-visible:ring-[3px] disabled:pointer-events-none
+          disabled:opacity-50 [&[data-state=open]>svg]:rotate-180`, className),
+			...props,
+			children: [children, expandIcon || /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0\n              translate-y-0.5 transition-transform duration-200" })]
+		})
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up\n        data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("pt-0 pb-4", className),
+			children
+		})
+	});
+}
+
+//#endregion
+export { accordion_exports };
+//# sourceMappingURL=accordion.mjs.map

package/dist/core/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","names":[],"sources":["../../src/core/accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('border-b last:border-b-0', className)}\n      {...props}\n    />\n  );\n}\n\ninterface CustomTriggerProps {\n  expandIcon?: React.ReactNode;\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  expandIcon,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger> &\n  CustomTriggerProps) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          `focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1\n          items-start justify-between gap-4 rounded-md py-4 text-left text-sm\n          font-medium transition-all outline-none hover:underline\n          focus-visible:ring-[3px] disabled:pointer-events-none\n          disabled:opacity-50 [&[data-state=open]>svg]:rotate-180`,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {expandIcon || (\n          <ChevronDownIcon\n            className=\"text-muted-foreground pointer-events-none size-4 shrink-0\n              translate-y-0.5 transition-transform duration-200\"\n          />\n        )}\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-[state=closed]:animate-accordion-up\n        data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n      {...props}\n    >\n      <div className={cn('pt-0 pb-4', className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;;;;;;;;;;AASA,SAAS,UAAU,EACjB,GAAG,SACoD;AACvD,QAAO,oBAAC,mBAAmB;EAAK,aAAU;EAAY,GAAI;GAAS;;AAGrE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACV,WAAW,GAAG,4BAA4B,UAAU;EACpD,GAAI;GACJ;;AAQN,SAAS,iBAAiB,EACxB,WACA,UACA,YACA,GAAG,SAEiB;AACpB,QACE,oBAAC,mBAAmB;EAAO,WAAU;YACnC,qBAAC,mBAAmB;GAClB,aAAU;GACV,WAAW,GACT;;;;oEAKA,UACD;GACD,GAAI;cAEH,UACA,cACC,oBAAC,mBACC,WAAU,+HAEV;IAEuB;GACH;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACV,WAAU;EAEV,GAAI;YAEJ,oBAAC;GAAI,WAAW,GAAG,aAAa,UAAU;GAAG;IAAe;GACjC"}

package/dist/core/button.d.mts

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/core/button.d.ts
+declare namespace button_d_exports {
+  export { Button, Props, buttonVariants };
+}
+declare const buttonVariants: (props?: ({
+  variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type Props = React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+};
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: Props): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { type Props, button_d_exports };
+//# sourceMappingURL=button.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.mts","names":[],"sources":["../../src/core/button.tsx"],"mappings":";;;;;;;;;cAOM,cAAA,GAAc,KAAA;;;IAgCnB,+BAAA,CAAA,SAAA;AAAA,KAEI,KAAA,GAAQ,OAAA,CAAM,cAAA,aACjB,YAAA,QAAoB,cAAA;EAClB,OAAA;AAAA;AAAA,iBAGK,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/core/button.mjs

@@ -0,0 +1,55 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import { cn } from "../utils.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+//#region src/core/button.tsx
+var button_exports = /* @__PURE__ */ __exportAll({
+	Button: () => Button,
+	buttonVariants: () => buttonVariants
+});
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { Button, button_exports };
+//# sourceMappingURL=button.mjs.map

package/dist/core/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":[],"sources":["../../src/core/button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { cn } from '@repo/ui/utils';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        xs: \"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-xs': \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\ntype Props = React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  };\n\nfunction Button({\n  className,\n  variant = 'default',\n  size = 'default',\n  asChild = false,\n  ...props\n}: Props) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants, type Props };\n"],"mappings":";;;;;;;;;;;;AAOA,MAAM,iBAAiB,IACrB,+bACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WACE;GACF,OACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAOD,SAAS,OAAO,EACd,WACA,UAAU,WACV,OAAO,WACP,UAAU,OACV,GAAG,SACK;AAGR,QACE,oBAHW,UAAU,OAAO;EAI1B,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;GACJ"}

package/dist/core/checkbox.d.mts

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+//#region src/core/checkbox.d.ts
+declare namespace checkbox_d_exports {
+  export { Checkbox };
+}
+declare function Checkbox({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { checkbox_d_exports };
+//# sourceMappingURL=checkbox.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.mts","names":[],"sources":["../../src/core/checkbox.tsx"],"mappings":";;;;;;;;iBASS,QAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,iBAAA,CAAkB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/core/checkbox.mjs

@@ -0,0 +1,34 @@
+'use client';
+
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+import { cn } from "../utils.mjs";
+import { CheckIcon } from "lucide-react";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+//#region src/core/checkbox.tsx
+var checkbox_exports = /* @__PURE__ */ __exportAll({ Checkbox: () => Checkbox });
+function Checkbox({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		"data-slot": "checkbox",
+		className: cn(`peer border-input dark:bg-input/30 data-[state=checked]:bg-primary
+        data-[state=checked]:text-primary-foreground
+        dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary
+        focus-visible:border-ring focus-visible:ring-ring/50
+        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40
+        aria-invalid:border-destructive size-4 shrink-0 rounded-sm border
+        shadow-xs transition-shadow outline-none focus-visible:ring-[3px]
+        disabled:cursor-not-allowed disabled:opacity-50`, className),
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
+}
+
+//#endregion
+export { checkbox_exports };
+//# sourceMappingURL=checkbox.mjs.map

package/dist/core/checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.mjs","names":[],"sources":["../../src/core/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        `peer border-input dark:bg-input/30 data-[state=checked]:bg-primary\n        data-[state=checked]:text-primary-foreground\n        dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary\n        focus-visible:border-ring focus-visible:ring-ring/50\n        aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\n        aria-invalid:border-destructive size-4 shrink-0 rounded-sm border\n        shadow-xs transition-shadow outline-none focus-visible:ring-[3px]\n        disabled:cursor-not-allowed disabled:opacity-50`,\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;;;;AASA,SAAS,SAAS,EAChB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GACT;;;;;;;0DAQA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,aAAa;IACN;GACP"}