@causw/core 0.0.9 → 0.0.11

package/dist/components/Dialog/Dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.mjs","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport {\n  DialogSizeKeys,\n  dialogSizeStyles,\n  dialog,\n  DialogVariants,\n  type DialogSizeOptions,\n} from './Dialog.styles';\nimport { splitVariantProps } from '../../utils';\nimport { ComponentProps } from 'react';\nimport { Primitive, PrimitiveProps } from '../Primitive';\n\nconst DialogRoot = DialogPrimitive.Root;\nexport type DialogProps = ComponentProps<typeof DialogRoot>;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\nexport type DialogTriggerProps = ComponentProps<typeof DialogTrigger>;\n\nconst DialogPortal = DialogPrimitive.Portal;\nexport type DialogPortalProps = ComponentProps<typeof DialogPortal>;\n\nconst DialogClose = DialogPrimitive.Close;\nexport type DialogCloseProps = ComponentProps<typeof DialogClose>;\n\nexport type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => {\n  const { overlay } = dialog();\n\n  return (\n    <DialogPrimitive.Overlay className={overlay({ className })} {...props} />\n  );\n};\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport interface DialogContentProps\n  extends\n    ComponentProps<typeof DialogPrimitive.Content>,\n    DialogSizeOptions,\n    DialogVariants {}\n\nconst DialogContent = ({\n  className,\n  children,\n  ...props\n}: DialogContentProps) => {\n  const [sizeProps, restProps] = splitVariantProps(props, DialogSizeKeys);\n  const sizeStyles = dialogSizeStyles(sizeProps);\n  const { content } = dialog({ fullscreen: sizeProps.fullscreen });\n\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        className={content({ className })}\n        style={{ ...sizeStyles, ...props.style }}\n        {...restProps}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n};\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nexport type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => {\n  return <DialogPrimitive.Title {...props} />;\n};\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nexport type DialogDescriptionProps = ComponentProps<\n  typeof DialogPrimitive.Description\n>;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {\n  return <DialogPrimitive.Description {...props} />;\n};\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport type DialogFooterProps = ComponentProps<'div'> & PrimitiveProps;\n\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  return <Primitive.div {...props} />;\n};\nDialogFooter.displayName = 'DialogFooter';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n"],"mappings":";;;;;;;AAYA,MAAM,aAAa,gBAAgB;AAGnC,MAAM,gBAAgB,gBAAgB;AAGtC,MAAM,eAAe,gBAAgB;AAGrC,MAAM,cAAc,gBAAgB;AAKpC,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;CACrE,MAAM,EAAE,YAAY,QAAQ;AAE5B,QACE,oBAAC,gBAAgB;EAAQ,WAAW,QAAQ,EAAE,WAAW,CAAC;EAAE,GAAI;GAAS;;AAG7E,cAAc,cAAc,gBAAgB,QAAQ;AAQpD,MAAM,iBAAiB,EACrB,WACA,UACA,GAAG,YACqB;CACxB,MAAM,CAAC,WAAW,aAAa,kBAAkB,OAAO,eAAe;CACvE,MAAM,aAAa,iBAAiB,UAAU;CAC9C,MAAM,EAAE,YAAY,OAAO,EAAE,YAAY,UAAU,YAAY,CAAC;AAEhE,QACE,qBAAC,2BACC,oBAAC,kBAAgB,EACjB,oBAAC,gBAAgB;EACf,WAAW,QAAQ,EAAE,WAAW,CAAC;EACjC,OAAO;GAAE,GAAG;GAAY,GAAG,MAAM;GAAO;EACxC,GAAI;EAEH;GACuB,IACb;;AAGnB,cAAc,cAAc,gBAAgB,QAAQ;AAIpD,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QAAO,oBAAC,gBAAgB,SAAM,GAAI,QAAS;;AAE7C,YAAY,cAAc,gBAAgB,MAAM;AAMhD,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAAC,gBAAgB,eAAY,GAAI,QAAS;;AAEnD,kBAAkB,cAAc,gBAAgB,YAAY;AAI5D,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAAC,UAAU,OAAI,GAAI,QAAS;;AAErC,aAAa,cAAc;AAE3B,MAAa,SAAS,OAAO,OAAO,YAAY;CAC9C,SAAS;CACT,SAAS;CACT,OAAO;CACP,aAAa;CACb,QAAQ;CACR,OAAO;CACR,CAAC"}

package/dist/components/Dialog/Dialog.styles.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_converter = require('../../utils/converter/converter.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Dialog/Dialog.styles.ts
+const dialog = (0, tailwind_variants.tv)({
+	slots: {
+		overlay: "fixed inset-0 z-modal bg-black/50 backdrop-blur-sm data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+		content: "fixed left-[50%] top-[50%] z-modal grid w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white p-6 shadow-lg rounded-lg data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+		close: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500"
+	},
+	variants: { fullscreen: { true: { content: "inset-0 top-0 left-0 w-full h-full max-w-none translate-x-0 translate-y-0 rounded-none sm:rounded-none data-[state=open]:slide-in-from-bottom-0 data-[state=closed]:slide-out-to-bottom-0" } } }
+});
+const DialogSizeKeys = [
+	"maxWidth",
+	"minWidth",
+	"width",
+	"minHeight",
+	"maxHeight",
+	"fullscreen"
+];
+const dialogSizeStyles = ({ ...props }) => {
+	return {
+		width: props.width ? require_converter.convertPxToRem(props.width) : void 0,
+		maxWidth: props.maxWidth ? require_converter.convertPxToRem(props.maxWidth) : void 0,
+		minWidth: props.minWidth ? require_converter.convertPxToRem(props.minWidth) : void 0,
+		maxHeight: props.maxHeight ? require_converter.convertPxToRem(props.maxHeight) : void 0,
+		minHeight: props.minHeight ? require_converter.convertPxToRem(props.minHeight) : void 0
+	};
+};
+
+//#endregion
+exports.DialogSizeKeys = DialogSizeKeys;
+exports.dialog = dialog;
+exports.dialogSizeStyles = dialogSizeStyles;

package/dist/components/Dialog/Dialog.styles.d.cts

@@ -0,0 +1,46 @@
+import * as tailwind_variants17 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Dialog/Dialog.styles.d.ts
+declare const dialog: tailwind_variants17.TVReturnType<{
+  fullscreen: {
+    true: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  close: string;
+}, undefined, {
+  fullscreen: {
+    true: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  close: string;
+}, tailwind_variants17.TVReturnType<{
+  fullscreen: {
+    true: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  close: string;
+}, undefined, unknown, unknown, undefined>>;
+interface DialogSizeOptions {
+  maxWidth?: number;
+  minWidth?: number;
+  width?: number;
+  minHeight?: number;
+  maxHeight?: number;
+}
+type DialogVariants = VariantProps<typeof dialog>;
+//#endregion
+export { DialogSizeOptions, DialogVariants };
+//# sourceMappingURL=Dialog.styles.d.cts.map

package/dist/components/Dialog/Dialog.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.d.cts","names":[],"sources":["../../../src/components/Dialog/Dialog.styles.ts"],"mappings":";;;;cAGa,MAAA,EAiBX,mBAAA,CAjBiB,YAAA;;;;;;;;;;;;;;;;;;;;GAiBjB,mBAAA,CAAA,YAAA;;;;;;;;;;;UAEe,iBAAA;EACf,QAAA;EACA,QAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;AAAA;AAAA,KAqBU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Dialog/Dialog.styles.d.mts

@@ -0,0 +1,46 @@
+import * as tailwind_variants13 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Dialog/Dialog.styles.d.ts
+declare const dialog: tailwind_variants13.TVReturnType<{
+  fullscreen: {
+    true: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  close: string;
+}, undefined, {
+  fullscreen: {
+    true: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  close: string;
+}, tailwind_variants13.TVReturnType<{
+  fullscreen: {
+    true: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string;
+  close: string;
+}, undefined, unknown, unknown, undefined>>;
+interface DialogSizeOptions {
+  maxWidth?: number;
+  minWidth?: number;
+  width?: number;
+  minHeight?: number;
+  maxHeight?: number;
+}
+type DialogVariants = VariantProps<typeof dialog>;
+//#endregion
+export { DialogSizeOptions, DialogVariants };
+//# sourceMappingURL=Dialog.styles.d.mts.map

package/dist/components/Dialog/Dialog.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.d.mts","names":[],"sources":["../../../src/components/Dialog/Dialog.styles.ts"],"mappings":";;;;cAGa,MAAA,EAiBX,mBAAA,CAjBiB,YAAA;;;;;;;;;;;;;;;;;;;;GAiBjB,mBAAA,CAAA,YAAA;;;;;;;;;;;UAEe,iBAAA;EACf,QAAA;EACA,QAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;AAAA;AAAA,KAqBU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Dialog/Dialog.styles.mjs

@@ -0,0 +1,33 @@
+import { convertPxToRem } from "../../utils/converter/converter.mjs";
+import { tv } from "tailwind-variants";
+
+//#region src/components/Dialog/Dialog.styles.ts
+const dialog = tv({
+	slots: {
+		overlay: "fixed inset-0 z-modal bg-black/50 backdrop-blur-sm data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out",
+		content: "fixed left-[50%] top-[50%] z-modal grid w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white p-6 shadow-lg rounded-lg data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
+		close: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500"
+	},
+	variants: { fullscreen: { true: { content: "inset-0 top-0 left-0 w-full h-full max-w-none translate-x-0 translate-y-0 rounded-none sm:rounded-none data-[state=open]:slide-in-from-bottom-0 data-[state=closed]:slide-out-to-bottom-0" } } }
+});
+const DialogSizeKeys = [
+	"maxWidth",
+	"minWidth",
+	"width",
+	"minHeight",
+	"maxHeight",
+	"fullscreen"
+];
+const dialogSizeStyles = ({ ...props }) => {
+	return {
+		width: props.width ? convertPxToRem(props.width) : void 0,
+		maxWidth: props.maxWidth ? convertPxToRem(props.maxWidth) : void 0,
+		minWidth: props.minWidth ? convertPxToRem(props.minWidth) : void 0,
+		maxHeight: props.maxHeight ? convertPxToRem(props.maxHeight) : void 0,
+		minHeight: props.minHeight ? convertPxToRem(props.minHeight) : void 0
+	};
+};
+
+//#endregion
+export { DialogSizeKeys, dialog, dialogSizeStyles };
+//# sourceMappingURL=Dialog.styles.mjs.map

package/dist/components/Dialog/Dialog.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.styles.mjs","names":[],"sources":["../../../src/components/Dialog/Dialog.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\nimport { convertPxToRem } from '../../utils';\n\nexport const dialog = tv({\n  slots: {\n    overlay:\n      'fixed inset-0 z-modal bg-black/50 backdrop-blur-sm data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out',\n    content:\n      'fixed left-[50%] top-[50%] z-modal grid w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-white p-6 shadow-lg rounded-lg data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out',\n    close:\n      'absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500',\n  },\n  variants: {\n    fullscreen: {\n      true: {\n        content:\n          'inset-0 top-0 left-0 w-full h-full max-w-none translate-x-0 translate-y-0 rounded-none sm:rounded-none data-[state=open]:slide-in-from-bottom-0 data-[state=closed]:slide-out-to-bottom-0',\n      },\n    },\n  },\n});\n\nexport interface DialogSizeOptions {\n  maxWidth?: number;\n  minWidth?: number;\n  width?: number;\n  minHeight?: number;\n  maxHeight?: number;\n}\n\nexport const DialogSizeKeys = [\n  'maxWidth',\n  'minWidth',\n  'width',\n  'minHeight',\n  'maxHeight',\n  'fullscreen',\n] as const;\n\nexport const dialogSizeStyles = ({ ...props }: DialogSizeOptions) => {\n  return {\n    width: props.width ? convertPxToRem(props.width) : undefined,\n    maxWidth: props.maxWidth ? convertPxToRem(props.maxWidth) : undefined,\n    minWidth: props.minWidth ? convertPxToRem(props.minWidth) : undefined,\n    maxHeight: props.maxHeight ? convertPxToRem(props.maxHeight) : undefined,\n    minHeight: props.minHeight ? convertPxToRem(props.minHeight) : undefined,\n  };\n};\nexport type DialogVariants = VariantProps<typeof dialog>;\n"],"mappings":";;;;AAGA,MAAa,SAAS,GAAG;CACvB,OAAO;EACL,SACE;EACF,SACE;EACF,OACE;EACH;CACD,UAAU,EACR,YAAY,EACV,MAAM,EACJ,SACE,6LACH,EACF,EACF;CACF,CAAC;AAUF,MAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,oBAAoB,EAAE,GAAG,YAA+B;AACnE,QAAO;EACL,OAAO,MAAM,QAAQ,eAAe,MAAM,MAAM,GAAG;EACnD,UAAU,MAAM,WAAW,eAAe,MAAM,SAAS,GAAG;EAC5D,UAAU,MAAM,WAAW,eAAe,MAAM,SAAS,GAAG;EAC5D,WAAW,MAAM,YAAY,eAAe,MAAM,UAAU,GAAG;EAC/D,WAAW,MAAM,YAAY,eAAe,MAAM,UAAU,GAAG;EAChE"}

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

@@ -0,0 +1,2 @@
+import { DialogVariants } from "./Dialog.styles.mjs";
+import { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps } from "./Dialog.mjs";

package/dist/components/Dropdown/Dropdown.cjs

@@ -0,0 +1,39 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Dropdown_styles = require('./Dropdown.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+_radix_ui_react_dropdown_menu = require_rolldown_runtime.__toESM(_radix_ui_react_dropdown_menu);
+
+//#region src/components/Dropdown/Dropdown.tsx
+const DropdownMenuRoot = _radix_ui_react_dropdown_menu.Root;
+const DropdownMenuTrigger = _radix_ui_react_dropdown_menu.Trigger;
+const DropdownMenuPortal = _radix_ui_react_dropdown_menu.Portal;
+const DropdownMenuContent = ({ className, sideOffset = 4, ref, ...props }) => {
+	const { content } = require_Dropdown_styles.dropdown();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DropdownMenuPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
+		ref,
+		sideOffset,
+		className: content({ className }),
+		...props
+	}) });
+};
+DropdownMenuContent.displayName = _radix_ui_react_dropdown_menu.Content.displayName;
+const DropdownMenuItem = ({ className, color, ref, ...props }) => {
+	const { item } = require_Dropdown_styles.dropdown({ color });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
+		ref,
+		className: item({ className }),
+		...props
+	});
+};
+DropdownMenuItem.displayName = _radix_ui_react_dropdown_menu.Item.displayName;
+const Dropdown = Object.assign(DropdownMenuRoot, {
+	Trigger: DropdownMenuTrigger,
+	Content: DropdownMenuContent,
+	Item: DropdownMenuItem
+});
+
+//#endregion
+exports.Dropdown = Dropdown;

package/dist/components/Dropdown/Dropdown.d.cts

@@ -0,0 +1,36 @@
+import { DropdownVariants } from "./Dropdown.styles.cjs";
+import * as React$1 from "react";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/Dropdown/Dropdown.d.ts
+declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+type DropdownProps = React$1.ComponentProps<typeof DropdownMenuRoot>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type DropdownTriggerProps = React$1.ComponentProps<typeof DropdownMenuTrigger>;
+type DropdownContentProps = React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>;
+interface DropdownItemProps extends Omit<React$1.ComponentProps<typeof DropdownMenuPrimitive.Item>, 'color'>, DropdownVariants {}
+declare const Dropdown: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
+  Trigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+  Content: {
+    ({
+      className,
+      sideOffset,
+      ref,
+      ...props
+    }: DropdownContentProps): react_jsx_runtime63.JSX.Element;
+    displayName: string | undefined;
+  };
+  Item: {
+    ({
+      className,
+      color,
+      ref,
+      ...props
+    }: DropdownItemProps): react_jsx_runtime63.JSX.Element;
+    displayName: string | undefined;
+  };
+};
+//#endregion
+export { Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps };
+//# sourceMappingURL=Dropdown.d.cts.map

package/dist/components/Dropdown/Dropdown.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.cts","names":[],"sources":["../../../src/components/Dropdown/Dropdown.tsx"],"mappings":";;;;;;cAIM,gBAAA,EAAgB,OAAA,CAAA,EAAA,CAAA,qBAAA,CAAA,iBAAA;AAAA,KACV,aAAA,GAAgB,OAAA,CAAM,cAAA,QAAsB,gBAAA;AAAA,cAElD,mBAAA,EAAmB,OAAA,CAAA,yBAAA,CAAA,qBAAA,CAAA,wBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACb,oBAAA,GAAuB,OAAA,CAAM,cAAA,QAChC,mBAAA;AAAA,KAIG,oBAAA,GAAuB,OAAA,CAAM,cAAA,QAChC,qBAAA,CAAsB,OAAA;AAAA,UAuBd,iBAAA,SAEb,IAAA,CAAK,OAAA,CAAM,cAAA,QAAsB,qBAAA,CAAsB,IAAA,aACvD,gBAAA;AAAA,cAmBS,QAAA,EAAQ,OAAA,CAAA,EAAA,CAAA,qBAAA,CAAA,iBAAA;;;;;;;;OArClB,oBAAA,GAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAyBpB,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Dropdown/Dropdown.d.mts

@@ -0,0 +1,36 @@
+import { DropdownVariants } from "./Dropdown.styles.mjs";
+import * as React$1 from "react";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/Dropdown/Dropdown.d.ts
+declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+type DropdownProps = React$1.ComponentProps<typeof DropdownMenuRoot>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+type DropdownTriggerProps = React$1.ComponentProps<typeof DropdownMenuTrigger>;
+type DropdownContentProps = React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>;
+interface DropdownItemProps extends Omit<React$1.ComponentProps<typeof DropdownMenuPrimitive.Item>, 'color'>, DropdownVariants {}
+declare const Dropdown: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
+  Trigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+  Content: {
+    ({
+      className,
+      sideOffset,
+      ref,
+      ...props
+    }: DropdownContentProps): react_jsx_runtime34.JSX.Element;
+    displayName: string | undefined;
+  };
+  Item: {
+    ({
+      className,
+      color,
+      ref,
+      ...props
+    }: DropdownItemProps): react_jsx_runtime34.JSX.Element;
+    displayName: string | undefined;
+  };
+};
+//#endregion
+export { Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps };
+//# sourceMappingURL=Dropdown.d.mts.map

package/dist/components/Dropdown/Dropdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.mts","names":[],"sources":["../../../src/components/Dropdown/Dropdown.tsx"],"mappings":";;;;;;cAIM,gBAAA,EAAgB,OAAA,CAAA,EAAA,CAAA,qBAAA,CAAA,iBAAA;AAAA,KACV,aAAA,GAAgB,OAAA,CAAM,cAAA,QAAsB,gBAAA;AAAA,cAElD,mBAAA,EAAmB,OAAA,CAAA,yBAAA,CAAA,qBAAA,CAAA,wBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACb,oBAAA,GAAuB,OAAA,CAAM,cAAA,QAChC,mBAAA;AAAA,KAIG,oBAAA,GAAuB,OAAA,CAAM,cAAA,QAChC,qBAAA,CAAsB,OAAA;AAAA,UAuBd,iBAAA,SAEb,IAAA,CAAK,OAAA,CAAM,cAAA,QAAsB,qBAAA,CAAsB,IAAA,aACvD,gBAAA;AAAA,cAmBS,QAAA,EAAQ,OAAA,CAAA,EAAA,CAAA,qBAAA,CAAA,iBAAA;;;;;;;;OArClB,oBAAA,GAAoB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;OAyBpB,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Dropdown/Dropdown.mjs

@@ -0,0 +1,37 @@
+import { dropdown } from "./Dropdown.styles.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/Dropdown/Dropdown.tsx
+const DropdownMenuRoot = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuContent = ({ className, sideOffset = 4, ref, ...props }) => {
+	const { content } = dropdown();
+	return /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		ref,
+		sideOffset,
+		className: content({ className }),
+		...props
+	}) });
+};
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = ({ className, color, ref, ...props }) => {
+	const { item } = dropdown({ color });
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		ref,
+		className: item({ className }),
+		...props
+	});
+};
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const Dropdown = Object.assign(DropdownMenuRoot, {
+	Trigger: DropdownMenuTrigger,
+	Content: DropdownMenuContent,
+	Item: DropdownMenuItem
+});
+
+//#endregion
+export { Dropdown };
+//# sourceMappingURL=Dropdown.mjs.map

package/dist/components/Dropdown/Dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.mjs","names":[],"sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { dropdown, type DropdownVariants } from './Dropdown.styles';\n\nconst DropdownMenuRoot = DropdownMenuPrimitive.Root;\nexport type DropdownProps = React.ComponentProps<typeof DropdownMenuRoot>;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport type DropdownTriggerProps = React.ComponentProps<\n  typeof DropdownMenuTrigger\n>;\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nexport type DropdownContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Content\n>;\n\nconst DropdownMenuContent = ({\n  className,\n  sideOffset = 4,\n  ref,\n  ...props\n}: DropdownContentProps) => {\n  const { content } = dropdown();\n  return (\n    <DropdownMenuPortal>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={content({ className })}\n        {...props}\n      />\n    </DropdownMenuPortal>\n  );\n};\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nexport interface DropdownItemProps\n  extends\n    Omit<React.ComponentProps<typeof DropdownMenuPrimitive.Item>, 'color'>,\n    DropdownVariants {}\n\nconst DropdownMenuItem = ({\n  className,\n  color,\n  ref,\n  ...props\n}: DropdownItemProps) => {\n  const { item } = dropdown({ color });\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={item({ className })}\n      {...props}\n    />\n  );\n};\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nexport const Dropdown = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n});\n"],"mappings":";;;;;;AAIA,MAAM,mBAAmB,sBAAsB;AAG/C,MAAM,sBAAsB,sBAAsB;AAIlD,MAAM,qBAAqB,sBAAsB;AAMjD,MAAM,uBAAuB,EAC3B,WACA,aAAa,GACb,KACA,GAAG,YACuB;CAC1B,MAAM,EAAE,YAAY,UAAU;AAC9B,QACE,oBAAC,gCACC,oBAAC,sBAAsB;EAChB;EACO;EACZ,WAAW,QAAQ,EAAE,WAAW,CAAC;EACjC,GAAI;GACJ,GACiB;;AAGzB,oBAAoB,cAAc,sBAAsB,QAAQ;AAOhE,MAAM,oBAAoB,EACxB,WACA,OACA,KACA,GAAG,YACoB;CACvB,MAAM,EAAE,SAAS,SAAS,EAAE,OAAO,CAAC;AACpC,QACE,oBAAC,sBAAsB;EAChB;EACL,WAAW,KAAK,EAAE,WAAW,CAAC;EAC9B,GAAI;GACJ;;AAGN,iBAAiB,cAAc,sBAAsB,KAAK;AAE1D,MAAa,WAAW,OAAO,OAAO,kBAAkB;CACtD,SAAS;CACT,SAAS;CACT,MAAM;CACP,CAAC"}

package/dist/components/Dropdown/Dropdown.styles.cjs

@@ -0,0 +1,19 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/Dropdown/Dropdown.styles.ts
+const dropdown = (0, tailwind_variants.tv)({
+	slots: {
+		content: "z-dropdown min-w-[8rem] overflow-hidden rounded-[0.75rem] border border-gray-100 bg-white py-1 text-gray-800 shadow-[0px_0px_30px_0px_rgba(51,53,61,0.16)] divide-y divide-gray-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+		item: "relative flex cursor-pointer select-none items-center justify-start rounded-sm px-3 py-1.5 text-sm outline-none transition-colors focus:bg-gray-50 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+	},
+	variants: { color: {
+		default: { item: "text-gray-800" },
+		red: { item: "text-red-500 focus:bg-red-50 focus:text-red-600" },
+		blue: { item: "text-blue-600 focus:bg-blue-50 focus:text-blue-700" }
+	} },
+	defaultVariants: { color: "default" }
+});
+
+//#endregion
+exports.dropdown = dropdown;

package/dist/components/Dropdown/Dropdown.styles.d.cts

@@ -0,0 +1,54 @@
+import * as tailwind_variants21 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Dropdown/Dropdown.styles.d.ts
+declare const dropdown: tailwind_variants21.TVReturnType<{
+  color: {
+    default: {
+      item: string;
+    };
+    red: {
+      item: string;
+    };
+    blue: {
+      item: string;
+    };
+  };
+}, {
+  content: string;
+  item: string;
+}, undefined, {
+  color: {
+    default: {
+      item: string;
+    };
+    red: {
+      item: string;
+    };
+    blue: {
+      item: string;
+    };
+  };
+}, {
+  content: string;
+  item: string;
+}, tailwind_variants21.TVReturnType<{
+  color: {
+    default: {
+      item: string;
+    };
+    red: {
+      item: string;
+    };
+    blue: {
+      item: string;
+    };
+  };
+}, {
+  content: string;
+  item: string;
+}, undefined, unknown, unknown, undefined>>;
+type DropdownVariants = VariantProps<typeof dropdown>;
+//#endregion
+export { DropdownVariants };
+//# sourceMappingURL=Dropdown.styles.d.cts.map

package/dist/components/Dropdown/Dropdown.styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.d.cts","names":[],"sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"mappings":";;;;cAEa,QAAA,EAsBX,mBAAA,CAtBmB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBnB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;KAEU,gBAAA,GAAmB,YAAA,QAAoB,QAAA"}

package/dist/components/Dropdown/Dropdown.styles.d.mts

@@ -0,0 +1,54 @@
+import * as tailwind_variants17 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/Dropdown/Dropdown.styles.d.ts
+declare const dropdown: tailwind_variants17.TVReturnType<{
+  color: {
+    default: {
+      item: string;
+    };
+    red: {
+      item: string;
+    };
+    blue: {
+      item: string;
+    };
+  };
+}, {
+  content: string;
+  item: string;
+}, undefined, {
+  color: {
+    default: {
+      item: string;
+    };
+    red: {
+      item: string;
+    };
+    blue: {
+      item: string;
+    };
+  };
+}, {
+  content: string;
+  item: string;
+}, tailwind_variants17.TVReturnType<{
+  color: {
+    default: {
+      item: string;
+    };
+    red: {
+      item: string;
+    };
+    blue: {
+      item: string;
+    };
+  };
+}, {
+  content: string;
+  item: string;
+}, undefined, unknown, unknown, undefined>>;
+type DropdownVariants = VariantProps<typeof dropdown>;
+//#endregion
+export { DropdownVariants };
+//# sourceMappingURL=Dropdown.styles.d.mts.map

package/dist/components/Dropdown/Dropdown.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.d.mts","names":[],"sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"mappings":";;;;cAEa,QAAA,EAsBX,mBAAA,CAtBmB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsBnB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;KAEU,gBAAA,GAAmB,YAAA,QAAoB,QAAA"}

package/dist/components/Dropdown/Dropdown.styles.mjs

@@ -0,0 +1,19 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/Dropdown/Dropdown.styles.ts
+const dropdown = tv({
+	slots: {
+		content: "z-dropdown min-w-[8rem] overflow-hidden rounded-[0.75rem] border border-gray-100 bg-white py-1 text-gray-800 shadow-[0px_0px_30px_0px_rgba(51,53,61,0.16)] divide-y divide-gray-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+		item: "relative flex cursor-pointer select-none items-center justify-start rounded-sm px-3 py-1.5 text-sm outline-none transition-colors focus:bg-gray-50 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+	},
+	variants: { color: {
+		default: { item: "text-gray-800" },
+		red: { item: "text-red-500 focus:bg-red-50 focus:text-red-600" },
+		blue: { item: "text-blue-600 focus:bg-blue-50 focus:text-blue-700" }
+	} },
+	defaultVariants: { color: "default" }
+});
+
+//#endregion
+export { dropdown };
+//# sourceMappingURL=Dropdown.styles.mjs.map

package/dist/components/Dropdown/Dropdown.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.mjs","names":[],"sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { tv, VariantProps } from 'tailwind-variants';\n\nexport const dropdown = tv({\n  slots: {\n    content:\n      'z-dropdown min-w-[8rem] overflow-hidden rounded-[0.75rem] border border-gray-100 bg-white py-1 text-gray-800 shadow-[0px_0px_30px_0px_rgba(51,53,61,0.16)] divide-y divide-gray-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n    item: 'relative flex cursor-pointer select-none items-center justify-start rounded-sm px-3 py-1.5 text-sm outline-none transition-colors focus:bg-gray-50 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n  },\n  variants: {\n    color: {\n      default: {\n        item: 'text-gray-800',\n      },\n      red: {\n        item: 'text-red-500 focus:bg-red-50 focus:text-red-600',\n      },\n      blue: {\n        item: 'text-blue-600 focus:bg-blue-50 focus:text-blue-700',\n      },\n    },\n  },\n  defaultVariants: {\n    color: 'default',\n  },\n});\n\nexport type DropdownVariants = VariantProps<typeof dropdown>;\n"],"mappings":";;;AAEA,MAAa,WAAW,GAAG;CACzB,OAAO;EACL,SACE;EACF,MAAM;EACP;CACD,UAAU,EACR,OAAO;EACL,SAAS,EACP,MAAM,iBACP;EACD,KAAK,EACH,MAAM,mDACP;EACD,MAAM,EACJ,MAAM,sDACP;EACF,EACF;CACD,iBAAiB,EACf,OAAO,WACR;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { DropdownVariants } from "./Dropdown.styles.mjs";
+import { Dropdown, DropdownContentProps, DropdownItemProps, DropdownProps, DropdownTriggerProps } from "./Dropdown.mjs";

package/dist/components/Field/Field.cjs

@@ -0,0 +1,80 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text = require('../Text/Text.cjs');
+const require_useFieldContext = require('../../hooks/field/useFieldContext.cjs');
+const require_Field_styles = require('./Field.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Field/Field.tsx
+const FieldRoot = ({ children, disabled = false, error = false, className, ...props }) => {
+	const id = (0, react.useId)();
+	const { root } = require_Field_styles.field();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useFieldContext.FieldContext.Provider, {
+		value: {
+			id,
+			disabled,
+			error
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: root({ className }),
+			...props,
+			children
+		})
+	});
+};
+const FieldLabel = ({ children, className, typography = "subtitle-16-bold", textColor = "gray-700", ...labelProps }) => {
+	const id = require_useFieldContext.useFieldContext()?.id;
+	const { label } = require_Field_styles.field();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		as: "label",
+		typography,
+		textColor,
+		htmlFor: id,
+		className: label({ className }),
+		...labelProps,
+		children
+	});
+};
+const FieldDescription = ({ children, className, ...props }) => {
+	const fieldContext = require_useFieldContext.useFieldContext();
+	const id = fieldContext?.id;
+	const error = fieldContext?.error;
+	const { description } = require_Field_styles.field();
+	if (error) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		typography: "body-14-regular",
+		textColor: "gray-400",
+		id: id ? `${id}-description` : void 0,
+		className: description({ className }),
+		...props,
+		children
+	});
+};
+const FieldErrorDescription = ({ children, className, ...props }) => {
+	const fieldContext = require_useFieldContext.useFieldContext();
+	const id = fieldContext?.id;
+	const error = fieldContext?.error;
+	const { error: errorStyle } = require_Field_styles.field();
+	if (!error) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		typography: "body-14-regular",
+		textColor: "red-400",
+		id: id ? `${id}-error` : void 0,
+		className: errorStyle({ className }),
+		...props,
+		children
+	});
+};
+FieldRoot.displayName = "Field";
+FieldLabel.displayName = "Field.Label";
+FieldDescription.displayName = "Field.Description";
+FieldErrorDescription.displayName = "Field.ErrorDescription";
+const Field = Object.assign(FieldRoot, {
+	Label: FieldLabel,
+	Description: FieldDescription,
+	ErrorDescription: FieldErrorDescription
+});
+
+//#endregion
+exports.Field = Field;