@infonomic/uikit 1.0.0

package/dist/components/calendar/calendar_module.css

@@ -0,0 +1,256 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .day-picker-HxQ06v {
+    padding: var(--spacing-3);
+  }
+
+  .months-J7TsUl {
+    gap: var(--spacing-4);
+    flex-direction: column;
+    display: flex;
+    position: relative;
+  }
+
+  .months-caption-PiBupQ {
+    justify-content: center;
+    align-items: center;
+    height: 1.75rem;
+    display: flex;
+    position: relative;
+  }
+
+  .dropdowns-VSCOqg {
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-2);
+    width: 100%;
+    display: flex;
+  }
+
+  .select-trigger-WeVDcK {
+    width: 100%;
+    height: 2.25rem;
+    font-size: .875rem;
+  }
+
+  .select-content-aP7E2D {
+    z-index: 100;
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+
+  .select-item-cZh04s {
+    cursor: pointer;
+    border: none;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    padding: .25rem .5rem;
+    font-size: .875rem;
+    display: flex;
+  }
+
+  .select-item-cZh04s:hover {
+    background-color: var(--gray-50);
+    color: var(--foreground);
+  }
+
+  .select-chevrons-dzIT2u {
+    stroke: var(--primary-400);
+    opacity: .7;
+  }
+
+  .scroll-area-RHBUqm {
+    border: 1px solid var(--border-color);
+    background-color: var(--background);
+    text-align: center;
+    width: 120px;
+    height: 240px;
+  }
+
+  .disabled-LuShHt {
+    color: var(--muted);
+    opacity: .5;
+  }
+
+  .hidden-MqCEoh {
+    visibility: hidden;
+    flex: 1;
+  }
+
+  .outside-xAO7ei {
+    color: var(--muted);
+    opacity: .5;
+  }
+
+  .outside-xAO7ei[aria-selected="true"] {
+    color: var(--muted);
+    opacity: .3;
+  }
+
+  .footer-svWbOa {
+    padding-top: var(--spacing-3);
+    font-size: .875rem;
+  }
+
+  .weekdays-P7Wn2B {
+    display: flex;
+  }
+
+  .weekday-sPtrWT {
+    width: 2.25rem;
+    color: var(--muted);
+    font-size: .875rem;
+    font-weight: normal;
+  }
+
+  .caption-label-inrEqz {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: .875rem;
+    font-weight: 500;
+    overflow: hidden;
+  }
+
+  .month-grid-BQtPCl {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: var(--spacing-4);
+  }
+
+  .week-y9eP5X {
+    margin-top: var(--spacing-2);
+    align-items: flex-start;
+    width: max-content;
+    display: flex;
+  }
+
+  .day-r6Pemd {
+    flex: 1;
+    justify-content: center;
+    align-items: center;
+    width: 2.25rem;
+    height: 2.25rem;
+    padding: 0;
+    font-size: .875rem;
+    display: flex;
+  }
+
+  .day-r6Pemd > button {
+    color: var(--foreground);
+  }
+
+  .today-sC2iTu > button {
+    border: solid 1px var(--primary-300);
+    color: var(--foreground);
+  }
+
+  .day-r6Pemd > button:hover, .day-selected-tJv7Z9 > button {
+    background-color: var(--primary-400);
+    color: #fff;
+  }
+
+  .day-button-UTNEY0 {
+    border-radius: var(--border-radius-md);
+    width: 2.25rem;
+    height: 2.25rem;
+    padding: 0;
+    font-weight: normal;
+    transition: none;
+  }
+
+  .day-button-UTNEY0[aria-selected="true"] {
+    opacity: 1;
+  }
+
+  .button-range-m7XSpc {
+    background-color: var(--gray-100);
+    color: var(--foreground);
+  }
+
+  .button-range-m7XSpc > button {
+    background-color: var(--primary-400);
+    color: #fff;
+  }
+
+  .button-range-m7XSpc > button:hover {
+    background-color: var(--primary-400);
+    color: var(--foreground);
+  }
+
+  .range-start-LrEVeH {
+    border-top-left-radius: var(--border-radius-md);
+    border-bottom-left-radius: var(--border-radius-md);
+  }
+
+  .range-end-sbDF9w {
+    border-top-right-radius: var(--border-radius-md);
+    border-bottom-right-radius: var(--border-radius-md);
+  }
+
+  .range-middle-Ptrd1e {
+    background-color: var(--gray-50);
+    color: var(--foreground);
+  }
+
+  .range-middle-Ptrd1e > button, .range-middle-Ptrd1e > button:hover {
+    color: var(--foreground);
+    background-color: #0000;
+  }
+
+  @media (min-width: 640px) {
+    .months-J7TsUl {
+      flex-direction: row;
+    }
+  }
+
+  .dark .select-content-aP7E2D, .dark .scroll-area-RHBUqm {
+    background-color: var(--canvas-800);
+    color: var(--foreground);
+  }
+
+  .dark .select-item-cZh04s:hover {
+    background-color: var(--primary-400);
+    color: var(--foreground);
+  }
+
+  .dark .select-chevrons-dzIT2u {
+    stroke: var(--primary-200);
+    opacity: .7;
+  }
+
+  .dark .footer-svWbOa {
+    color: var(--muted);
+  }
+
+  .dark .day-r6Pemd > button {
+    color: var(--foreground);
+  }
+
+  .dark .day-r6Pemd > button:hover, .dark .day-selected-tJv7Z9 > button {
+    background-color: var(--primary-400);
+    color: var(--foreground);
+  }
+
+  .dark .today-sC2iTu > button {
+    border: solid 1px var(--primary-300);
+    color: var(--foreground);
+  }
+
+  .dark .button-range-m7XSpc {
+    background-color: var(--canvas-700);
+    color: var(--foreground);
+  }
+
+  .dark .button-range-m7XSpc > button, .dark .button-range-m7XSpc > button:hover {
+    background-color: var(--primary-400);
+    color: var(--foreground);
+  }
+
+  .dark .range-middle-Ptrd1e, .dark .range-middle-Ptrd1e > button {
+    background-color: var(--canvas-700);
+    color: var(--foreground);
+  }
+}
+

package/dist/components/card/card.d.ts

@@ -0,0 +1,44 @@
+import type React from 'react';
+export type AsDiv = {
+    asChild?: false;
+} & React.ComponentPropsWithoutRef<'div'>;
+export interface AsSlot {
+    asChild?: true;
+}
+export type CardRefType<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type CardProps<C extends React.ElementType = 'div'> = {
+    children: React.ReactNode;
+    className?: string;
+    hover?: boolean;
+    asChild?: boolean;
+    ref?: CardRefType<C>;
+} & (AsSlot | AsDiv);
+declare const Card: {
+    <C extends React.ElementType = "div">({ className, hover, children, asChild, ref, ...rest }: CardProps<C>): React.JSX.Element;
+    displayName: string;
+    Header: {
+        ({ className, ref, ...props }: OtherProps): React.JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ className, ref, ...props }: OtherProps): React.JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, ref, ...props }: OtherProps): React.JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, ref, ...props }: OtherProps): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ref, ...props }: OtherProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+interface OtherProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export { Card };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,KAAK,CAAA;CAChB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzC,MAAM,WAAW,MAAM;IACrB,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpB,QAAA,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,iEAOtC,SAAS,CAAC,CAAC,CAAC;;;uCAkB+B,UAAU;;;;uCAMX,UAAU;;;;uCASJ,UAAU;;;;uCAKd,UAAU;;;;uCAKX,UAAU;;;CAjCvD,CAAA;AAID,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAsCD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/card/card.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import classnames from "classnames";
+import card_module from "./card.module.js";
+const Card = ({ className, hover, children, asChild, ref, ...rest })=>{
+    const Comp = true === asChild ? Slot : 'div';
+    const hoverClasses = null != hover && true === hover ? card_module.cardHover : void 0;
+    const classes = classnames(card_module.card, hoverClasses, className);
+    return /*#__PURE__*/ jsx(Comp, {
+        ref: ref,
+        className: classes,
+        ...rest,
+        children: children
+    });
+};
+Card.displayName = 'Card';
+const Header = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames(card_module.cardHeader, className),
+        ...props
+    });
+Header.displayName = 'CardHeader';
+const Title = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames(card_module.cardTitle, className),
+        ...props
+    });
+Title.displayName = 'CardTitle';
+const Description = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames(card_module.cardDescription, className),
+        ...props
+    });
+Description.displayName = "CardDescription";
+const Content = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames(card_module.cardContent, className),
+        ...props
+    });
+Content.displayName = 'CardContent';
+const Footer = ({ className, ref, ...props })=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: classnames(card_module.cardFooter, className),
+        ...props
+    });
+Footer.displayName = 'CardFooter';
+Card.Header = Header;
+Card.Title = Title;
+Card.Description = Description;
+Card.Content = Content;
+Card.Footer = Footer;
+export { Card };

package/dist/components/card/card.module.js

@@ -0,0 +1,11 @@
+import "./card_module.css";
+const card_module = {
+    card: "card-mqJaiW",
+    cardHover: "cardHover-iLbuMk",
+    cardHeader: "cardHeader-VGd2Nr",
+    cardTitle: "cardTitle-UK0xDh",
+    cardDescription: "cardDescription-t7XX1V",
+    cardContent: "cardContent-dt8eQ6",
+    cardFooter: "cardFooter-Cu0A9v"
+};
+export { card_module as default };

package/dist/components/card/card_module.css

@@ -0,0 +1,66 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .card-mqJaiW {
+    width: 100%;
+    max-width: 100%;
+    color: var(--foreground);
+    background: var(--canvas-25);
+    border-width: var(--border-width-thin);
+    border-color: var(--border-color);
+    border-style: var(--border-style-solid);
+    border-radius: var(--border-radius-md);
+    box-shadow: var(--shadow-sm);
+    flex-direction: column;
+    text-decoration: none;
+    display: flex;
+  }
+
+  .card-mqJaiW:is(.dark *) {
+    background: var(--canvas-800);
+  }
+
+  .cardHover-iLbuMk {
+    transition: background .2s ease-in-out;
+  }
+
+  .cardHover-iLbuMk:hover {
+    background: oklch(from var(--theme-50) 1 .03 h);
+  }
+
+  .cardHover-iLbuMk:hover:is(.dark *) {
+    background: oklch(from var(--canvas-800) .2 c h);
+  }
+
+  .cardHeader-VGd2Nr {
+    flex-direction: column;
+    gap: .5rem;
+    padding: 1rem;
+    display: flex;
+  }
+
+  .cardTitle-UK0xDh {
+    color: var(--headings);
+    letter-spacing: -.015em;
+    font-size: 1.8rem;
+    font-weight: bold;
+    line-height: 1;
+  }
+
+  .cardDescription-t7XX1V {
+    color: var(--muted);
+    font-size: .875rem;
+  }
+
+  .cardContent-dt8eQ6 {
+    flex: 1;
+    padding: 0 1rem 1rem;
+  }
+
+  .cardFooter-Cu0A9v {
+    align-items: center;
+    padding: 0 1rem 1rem;
+    display: flex;
+  }
+}
+

package/dist/components/container/container.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+type ContainerIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface ContainerProps extends ContainerIntrinsicProps {
+}
+export declare const Container: ({ ref, className, children, ...rest }: ContainerProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=container.d.ts.map

package/dist/components/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACjE,MAAM,WAAW,cAAe,SAAQ,uBAAuB;CAAG;AAElE,eAAO,MAAM,SAAS,GAAsB,uCAKzC,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}

package/dist/components/container/container.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import container_module from "./container.module.js";
+const container_Container = function({ ref, className, children, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        ...rest,
+        className: classnames(container_module.container, className),
+        children: children
+    });
+};
+export { container_Container as Container };

package/dist/components/container/container.module.js

@@ -0,0 +1,5 @@
+import "./container_module.css";
+const container_module = {
+    container: "container-tSpizY"
+};
+export { container_module as default };

package/dist/components/container/container_module.css

@@ -0,0 +1,29 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .container-tSpizY {
+    width: 100%;
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 0 16px;
+  }
+
+  @media (min-width: 1100px) {
+    .container-tSpizY {
+      max-width: 1050px;
+    }
+  }
+
+  @media (min-width: 1300px) {
+    .container-tSpizY {
+      max-width: 1200px;
+    }
+  }
+
+  @media (min-width: 1536px) {
+    .container-tSpizY {
+      max-width: 1400px;
+    }
+  }
+}
+

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,60 @@
+import type React from 'react';
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+declare function Root({ children, ...rest }: DropdownMenuPrimitive.DropdownMenuProps): React.JSX.Element;
+declare function Portal({ children, ...rest }: DropdownMenuPrimitive.DropdownMenuPortalProps): React.JSX.Element;
+declare function Sub({ children, ...rest }: DropdownMenuPrimitive.DropdownMenuSubProps): React.JSX.Element;
+export declare const Dropdown: {
+    Root: typeof Root;
+    Trigger: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuTriggerProps & {
+            ref?: React.RefObject<React.ComponentRef<"button">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Portal: typeof Portal;
+    Content: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuContentProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuGroupProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuItemProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Label: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuLabelProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        ({ ref, className, ...props }: DropdownMenuPrimitive.DropdownMenuSeparatorProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Sub: typeof Sub;
+    SubContent: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuSubContentProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    SubTrigger: {
+        ({ ref, className, children, ...rest }: DropdownMenuPrimitive.DropdownMenuSubTriggerProps & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAIhE,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,CAAC,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE/F;AAsBD,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,CAAC,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEnE;AAmGD,iBAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,CAAC,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAEjG;AA0CD,eAAO,MAAM,QAAQ;;;gDAnKlB,qBAAqB,CAAC,wBAAwB,GAAG;YAClD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAA;SACpD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;gDAyBlB,qBAAqB,CAAC,wBAAwB,GAAG;YAClD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;gDAkBlB,qBAAqB,CAAC,sBAAsB,GAAG;YAChD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;gDAkBlB,qBAAqB,CAAC,qBAAqB,GAAG;YAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;gDAkBlB,qBAAqB,CAAC,sBAAsB,GAAG;YAChD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;uCAiBlB,qBAAqB,CAAC,0BAA0B,GAAG;YACpD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;;gDAoBlB,qBAAqB,CAAC,2BAA2B,GAAG;YACrD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;gDAkBlB,qBAAqB,CAAC,2BAA2B,GAAG;YACrD,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;SACjD,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;CAyBpB,CAAA"}

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,92 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import { DropdownMenu } from "radix-ui";
+import dropdown_module from "./dropdown.module.js";
+function Root({ children, ...rest }) {
+    return /*#__PURE__*/ jsx(DropdownMenu.Root, {
+        ...rest,
+        children: children
+    });
+}
+const Trigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.Trigger, {
+        className: classnames('dropdown-menu-trigger', className),
+        ref: ref,
+        ...rest,
+        children: children
+    });
+Trigger.displayName = 'Trigger';
+function Portal({ children, ...rest }) {
+    return /*#__PURE__*/ jsx(DropdownMenu.Portal, {
+        ...rest,
+        children: children
+    });
+}
+const Content = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.Content, {
+        ref: ref,
+        className: classnames('dropdown-menu-content', dropdown_module["dropdown-content"], className),
+        ...rest,
+        children: children
+    });
+Content.displayName = 'Content';
+const Group = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.Group, {
+        ref: ref,
+        className: classnames('dropdown-menu-group', className),
+        ...rest,
+        children: children
+    });
+Group.displayName = 'Group';
+const Item = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.Item, {
+        ref: ref,
+        className: classnames('dropdown-menu-item', dropdown_module["dropdown-item"], className),
+        ...rest,
+        children: children
+    });
+Item.displayName = 'Item';
+const Label = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.Label, {
+        ref: ref,
+        className: classnames('dropdown-menu-label', className),
+        ...rest,
+        children: children
+    });
+Label.displayName = 'Label';
+const Separator = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(DropdownMenu.Separator, {
+        ref: ref,
+        className: classnames('dropdown-menu-separator', dropdown_module["dropdown-separator"], className),
+        ...props
+    });
+Separator.displayName = 'Separator';
+function Sub({ children, ...rest }) {
+    return /*#__PURE__*/ jsx(DropdownMenu.Sub, {
+        ...rest,
+        children: children
+    });
+}
+const SubContent = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.SubContent, {
+        ref: ref,
+        className: classnames('dropdown-menu-subcontent', className),
+        ...rest,
+        children: children
+    });
+SubContent.displayName = 'SubContent';
+const SubTrigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(DropdownMenu.SubTrigger, {
+        ref: ref,
+        className: classnames('dropdown-menu-trigger', className),
+        ...rest,
+        children: children
+    });
+SubTrigger.displayName = 'SubTrigger';
+const Dropdown = {
+    Root,
+    Trigger,
+    Portal,
+    Content,
+    Group,
+    Item,
+    Label,
+    Separator,
+    Sub,
+    SubContent,
+    SubTrigger
+};
+export { Dropdown };

package/dist/components/dropdown/dropdown.module.js

@@ -0,0 +1,16 @@
+import "./dropdown_module.css";
+const dropdown_module = {
+    "dropdown-content": "dropdown-content-oNxY22",
+    dropdownContent: "dropdown-content-oNxY22",
+    "dropdown-subcontent": "dropdown-subcontent-JZGnvB",
+    dropdownSubcontent: "dropdown-subcontent-JZGnvB",
+    slideDownAndFade: "slideDownAndFade-s05SMv",
+    slideLeftAndFade: "slideLeftAndFade-Zi7piX",
+    slideUpAndFade: "slideUpAndFade-bRhQGn",
+    slideRightAndFade: "slideRightAndFade-pN0UdB",
+    "dropdown-item": "dropdown-item-FFroRa",
+    dropdownItem: "dropdown-item-FFroRa",
+    "dropdown-separator": "dropdown-separator-scM_7b",
+    dropdownSeparator: "dropdown-separator-scM_7b"
+};
+export { dropdown_module as default };