@nergora/ui 0.0.0-stage → 1.0.8

package/dist/esm/components/navigation-menu/navigation-menu.js

@@ -0,0 +1,62 @@
+"use client";
+import { ChevronDownMini } from "@nergora/icons";
+import { cva } from "cva";
+import { NavigationMenu as RadixNavigationMenu } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+/**
+ * A collection of accessible links for navigating websites and applications.
+ * This component is based on the Radix UI Navigation Menu primitive.
+ */
+const NavigationMenuRoot = React.forwardRef(({ className, children, viewport = true, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.Root, { ref: ref, "data-slot": "navigation-menu", "data-viewport": viewport, className: clx("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props },
+        children,
+        viewport && React.createElement(NavigationMenuViewport, null)));
+});
+NavigationMenuRoot.displayName = "NavigationMenu";
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.List, { ref: ref, "data-slot": "navigation-menu-list", className: clx("group flex flex-1 list-none items-center justify-center gap-0", className), ...props }));
+});
+NavigationMenuList.displayName = "NavigationMenu.List";
+const NavigationMenuItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.Item, { ref: ref, "data-slot": "navigation-menu-item", className: clx("relative", className), ...props }));
+});
+NavigationMenuItem.displayName = "NavigationMenu.Item";
+const navigationMenuTriggerStyle = cva({
+    base: clx("group/navigation-menu-trigger txt-compact-xsmall-plus inline-flex h-9 w-max items-center justify-center rounded-none px-2.5 py-1.5 text-ui-fg-base outline-none transition-colors", "hover:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "focus-visible:shadow-borders-focus", "disabled:pointer-events-none disabled:text-ui-fg-disabled", "data-[state=open]:bg-ui-bg-component-hover"),
+});
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.Trigger, { ref: ref, "data-slot": "navigation-menu-trigger", className: clx(navigationMenuTriggerStyle(), className), ...props },
+        children,
+        React.createElement(ChevronDownMini, { className: "relative top-px ml-1 size-3 transition-transform duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })));
+});
+NavigationMenuTrigger.displayName = "NavigationMenu.Trigger";
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.Content, { ref: ref, "data-slot": "navigation-menu-content", className: clx("left-0 top-0 w-full p-1 [transition-timing-function:cubic-bezier(0.22,1,0.36,1)]", "data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out", "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-none group-data-[viewport=false]/navigation-menu:bg-ui-bg-component group-data-[viewport=false]/navigation-menu:text-ui-fg-base group-data-[viewport=false]/navigation-menu:shadow-elevation-flyout group-data-[viewport=false]/navigation-menu:duration-300", "group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95", "[&_[data-slot=navigation-menu-link]:focus]:ring-0 [&_[data-slot=navigation-menu-link]:focus]:outline-none", "md:absolute md:w-auto", className), ...props }));
+});
+NavigationMenuContent.displayName = "NavigationMenu.Content";
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { className: "absolute left-0 top-full isolate z-50 flex justify-center" },
+        React.createElement(RadixNavigationMenu.Viewport, { ref: ref, "data-slot": "navigation-menu-viewport", className: clx("relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-top-center overflow-hidden rounded-none bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout duration-100 md:w-[var(--radix-navigation-menu-viewport-width)]", "data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-90", className), ...props })));
+});
+NavigationMenuViewport.displayName = "NavigationMenu.Viewport";
+const NavigationMenuLink = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.Link, { ref: ref, "data-slot": "navigation-menu-link", className: clx("txt-compact-xsmall flex items-center gap-2 rounded-none p-2 text-ui-fg-base outline-none transition-colors", "hover:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover focus-visible:shadow-borders-focus", "data-[active]:bg-ui-bg-component-hover", "[&_svg:not([class*='size-'])]:size-4", className), ...props }));
+});
+NavigationMenuLink.displayName = "NavigationMenu.Link";
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixNavigationMenu.Indicator, { ref: ref, "data-slot": "navigation-menu-indicator", className: clx("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", "data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className), ...props },
+        React.createElement("div", { className: "relative top-[60%] size-2 rotate-45 rounded-none bg-ui-border-base shadow-elevation-flyout" })));
+});
+NavigationMenuIndicator.displayName = "NavigationMenu.Indicator";
+const NavigationMenu = Object.assign(NavigationMenuRoot, {
+    List: NavigationMenuList,
+    Item: NavigationMenuItem,
+    Content: NavigationMenuContent,
+    Trigger: NavigationMenuTrigger,
+    Link: NavigationMenuLink,
+    Indicator: NavigationMenuIndicator,
+    Viewport: NavigationMenuViewport,
+});
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/esm/components/navigation-menu/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../../../src/components/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { ChevronDownMini } from \"@nergora/icons\"\nimport { cva } from \"cva\"\nimport { NavigationMenu as RadixNavigationMenu } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ntype NavigationMenuProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Root\n> & {\n  /**\n   * Whether content should be rendered inside the animated shared viewport.\n   * Disable this to position each content panel relative to its own item.\n   *\n   * @defaultValue true\n   */\n  viewport?: boolean\n}\n\n/**\n * A collection of accessible links for navigating websites and applications.\n * This component is based on the Radix UI Navigation Menu primitive.\n */\nconst NavigationMenuRoot = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Root>,\n  NavigationMenuProps\n>(({ className, children, viewport = true, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.Root\n      ref={ref}\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={clx(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </RadixNavigationMenu.Root>\n  )\n})\nNavigationMenuRoot.displayName = \"NavigationMenu\"\n\ntype NavigationMenuListProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.List\n>\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.List>,\n  NavigationMenuListProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.List\n      ref={ref}\n      data-slot=\"navigation-menu-list\"\n      className={clx(\n        \"group flex flex-1 list-none items-center justify-center gap-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nNavigationMenuList.displayName = \"NavigationMenu.List\"\n\ntype NavigationMenuItemProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Item\n>\n\nconst NavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Item>,\n  NavigationMenuItemProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.Item\n      ref={ref}\n      data-slot=\"navigation-menu-item\"\n      className={clx(\"relative\", className)}\n      {...props}\n    />\n  )\n})\nNavigationMenuItem.displayName = \"NavigationMenu.Item\"\n\nconst navigationMenuTriggerStyle = cva({\n  base: clx(\n    \"group/navigation-menu-trigger txt-compact-xsmall-plus inline-flex h-9 w-max items-center justify-center rounded-none px-2.5 py-1.5 text-ui-fg-base outline-none transition-colors\",\n    \"hover:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n    \"focus-visible:shadow-borders-focus\",\n    \"disabled:pointer-events-none disabled:text-ui-fg-disabled\",\n    \"data-[state=open]:bg-ui-bg-component-hover\"\n  ),\n})\n\ntype NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Trigger\n>\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Trigger>,\n  NavigationMenuTriggerProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.Trigger\n      ref={ref}\n      data-slot=\"navigation-menu-trigger\"\n      className={clx(navigationMenuTriggerStyle(), className)}\n      {...props}\n    >\n      {children}\n      <ChevronDownMini\n        className=\"relative top-px ml-1 size-3 transition-transform duration-300 group-data-[state=open]/navigation-menu-trigger:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </RadixNavigationMenu.Trigger>\n  )\n})\nNavigationMenuTrigger.displayName = \"NavigationMenu.Trigger\"\n\ntype NavigationMenuContentProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Content\n>\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Content>,\n  NavigationMenuContentProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.Content\n      ref={ref}\n      data-slot=\"navigation-menu-content\"\n      className={clx(\n        \"left-0 top-0 w-full p-1 [transition-timing-function:cubic-bezier(0.22,1,0.36,1)]\",\n        \"data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out\",\n        \"group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-none group-data-[viewport=false]/navigation-menu:bg-ui-bg-component group-data-[viewport=false]/navigation-menu:text-ui-fg-base group-data-[viewport=false]/navigation-menu:shadow-elevation-flyout group-data-[viewport=false]/navigation-menu:duration-300\",\n        \"group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95\",\n        \"[&_[data-slot=navigation-menu-link]:focus]:ring-0 [&_[data-slot=navigation-menu-link]:focus]:outline-none\",\n        \"md:absolute md:w-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nNavigationMenuContent.displayName = \"NavigationMenu.Content\"\n\ntype NavigationMenuViewportProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Viewport\n>\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Viewport>,\n  NavigationMenuViewportProps\n>(({ className, ...props }, ref) => {\n  return (\n    <div className=\"absolute left-0 top-full isolate z-50 flex justify-center\">\n      <RadixNavigationMenu.Viewport\n        ref={ref}\n        data-slot=\"navigation-menu-viewport\"\n        className={clx(\n          \"relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full origin-top-center overflow-hidden rounded-none bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout duration-100 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          \"data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-90\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n})\nNavigationMenuViewport.displayName = \"NavigationMenu.Viewport\"\n\ntype NavigationMenuLinkProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Link\n>\n\nconst NavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Link>,\n  NavigationMenuLinkProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.Link\n      ref={ref}\n      data-slot=\"navigation-menu-link\"\n      className={clx(\n        \"txt-compact-xsmall flex items-center gap-2 rounded-none p-2 text-ui-fg-base outline-none transition-colors\",\n        \"hover:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover focus-visible:shadow-borders-focus\",\n        \"data-[active]:bg-ui-bg-component-hover\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nNavigationMenuLink.displayName = \"NavigationMenu.Link\"\n\ntype NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<\n  typeof RadixNavigationMenu.Indicator\n>\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof RadixNavigationMenu.Indicator>,\n  NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixNavigationMenu.Indicator\n      ref={ref}\n      data-slot=\"navigation-menu-indicator\"\n      className={clx(\n        \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n        \"data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] size-2 rotate-45 rounded-none bg-ui-border-base shadow-elevation-flyout\" />\n    </RadixNavigationMenu.Indicator>\n  )\n})\nNavigationMenuIndicator.displayName = \"NavigationMenu.Indicator\"\n\nconst NavigationMenu = Object.assign(NavigationMenuRoot, {\n  List: NavigationMenuList,\n  Item: NavigationMenuItem,\n  Content: NavigationMenuContent,\n  Trigger: NavigationMenuTrigger,\n  Link: NavigationMenuLink,\n  Indicator: NavigationMenuIndicator,\n  Viewport: NavigationMenuViewport,\n})\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n}\nexport type {\n  NavigationMenuContentProps,\n  NavigationMenuIndicatorProps,\n  NavigationMenuItemProps,\n  NavigationMenuLinkProps,\n  NavigationMenuListProps,\n  NavigationMenuProps,\n  NavigationMenuTriggerProps,\n  NavigationMenuViewportProps,\n}\n"]}

package/dist/esm/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./popover";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/esm/components/popover/index.js

@@ -0,0 +1,2 @@
+export * from "./popover";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA","sourcesContent":["export * from \"./popover\"\n"]}

package/dist/esm/components/popover/popover.d.ts

@@ -0,0 +1,16 @@
+import { Popover as RadixPopover } from "radix-ui";
+import * as React from "react";
+interface ContentProps extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {
+}
+declare const Popover: {
+    (props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Anchor: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<Omit<RadixPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+    Seperator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Popover };
+//# sourceMappingURL=popover.d.ts.map

package/dist/esm/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsC9B,UAAU,YACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC;CAAG;AAiExE,QAAA,MAAM,OAAO;YAhGJ,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC;;;;;;;;CAsG/D,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/esm/components/popover/popover.js

@@ -0,0 +1,56 @@
+import { Popover as RadixPopover } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+/**
+ * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.
+ */
+const Root = (props) => {
+    return React.createElement(RadixPopover.Root, { ...props });
+};
+Root.displayName = "Popover";
+const Trigger = React.forwardRef((props, ref) => {
+    return React.createElement(RadixPopover.Trigger, { ref: ref, ...props });
+});
+Trigger.displayName = "Popover.Trigger";
+const Anchor = React.forwardRef((props, ref) => {
+    return React.createElement(RadixPopover.Anchor, { ref: ref, ...props });
+});
+Anchor.displayName = "Popover.Anchor";
+const Close = React.forwardRef((props, ref) => {
+    return React.createElement(RadixPopover.Close, { ref: ref, ...props });
+});
+Close.displayName = "Popover.Close";
+/**
+ * @excludeExternal
+ */
+const Content = React.forwardRef(({ className, 
+/**
+ * The distance in pixels from the anchor.
+ */
+sideOffset = 8, 
+/**
+ * The preferred side of the anchor to render against when open.
+ * Will be reversed when collisions occur and `avoidCollisions` is enabled.
+ */
+side = "bottom", 
+/**
+ * The preferred alignment against the anchor. May change when collisions occur.
+ */
+align = "start", collisionPadding, ...props }, ref) => {
+    return (React.createElement(RadixPopover.Portal, null,
+        React.createElement(RadixPopover.Content, { ref: ref, sideOffset: sideOffset, side: side, align: align, collisionPadding: collisionPadding, className: clx("z-admin-flyout bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "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", className), ...props })));
+});
+Content.displayName = "Popover.Content";
+const Seperator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: clx("bg-ui-border-base -mx-1 my-1 h-px", className), ...props }));
+});
+Seperator.displayName = "Popover.Seperator";
+const Popover = Object.assign(Root, {
+    Trigger,
+    Anchor,
+    Close,
+    Content,
+    Seperator,
+});
+export { Popover };
+//# sourceMappingURL=popover.js.map

package/dist/esm/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC;;GAEG;AACH,MAAM,IAAI,GAAG,CACX,KAA+D,EAC/D,EAAE;IACF,OAAO,oBAAC,YAAY,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,YAAY,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACtD,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,YAAY,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACrD,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,YAAY,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACpD,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAA;AAKnC;;GAEG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS;AACT;;GAEG;AACH,UAAU,GAAG,CAAC;AACd;;;GAGG;AACH,IAAI,GAAG,QAAQ;AACf;;GAEG;AACH,KAAK,GAAG,OAAO,EACf,gBAAgB,EAChB,GAAG,KAAK,EACK,EACf,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,YAAY,CAAC,MAAM;QAClB,oBAAC,YAAY,CAAC,OAAO,IACnB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,GAAG,CACZ,gKAAgK,EAChK,kVAAkV,EAClV,SAAS,CACV,KACG,KAAK,GACT,CACkB,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE3C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAClC,OAAO;IACP,MAAM;IACN,KAAK;IACL,OAAO;IACP,SAAS;CACV,CAAC,CAAA;AAEF,OAAO,EAAE,OAAO,EAAE,CAAA","sourcesContent":["import { Popover as RadixPopover } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.\n */\nconst Root = (\n  props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>\n) => {\n  return <RadixPopover.Root {...props} />\n}\nRoot.displayName = \"Popover\"\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Trigger>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>((props, ref) => {\n  return <RadixPopover.Trigger ref={ref} {...props} />\n})\nTrigger.displayName = \"Popover.Trigger\"\n\nconst Anchor = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Anchor>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Anchor>\n>((props, ref) => {\n  return <RadixPopover.Anchor ref={ref} {...props} />\n})\nAnchor.displayName = \"Popover.Anchor\"\n\nconst Close = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Close>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Close>\n>((props, ref) => {\n  return <RadixPopover.Close ref={ref} {...props} />\n})\nClose.displayName = \"Popover.Close\"\n\ninterface ContentProps\n  extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {}\n\n/**\n * @excludeExternal\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Content>,\n  ContentProps\n>(\n  (\n    {\n      className,\n      /**\n       * The distance in pixels from the anchor.\n       */\n      sideOffset = 8,\n      /**\n       * The preferred side of the anchor to render against when open.\n       * Will be reversed when collisions occur and `avoidCollisions` is enabled.\n       */\n      side = \"bottom\",\n      /**\n       * The preferred alignment against the anchor. May change when collisions occur.\n       */\n      align = \"start\",\n      collisionPadding,\n      ...props\n    }: ContentProps,\n    ref\n  ) => {\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          side={side}\n          align={align}\n          collisionPadding={collisionPadding}\n          className={clx(\n            \"z-admin-flyout bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\n            \"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            className\n          )}\n          {...props}\n        />\n      </RadixPopover.Portal>\n    )\n  }\n)\nContent.displayName = \"Popover.Content\"\n\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"Popover.Seperator\"\n\nconst Popover = Object.assign(Root, {\n  Trigger,\n  Anchor,\n  Close,\n  Content,\n  Seperator,\n})\n\nexport { Popover }\n"]}

package/dist/esm/components/progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from "./progress";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/esm/components/progress/index.js

@@ -0,0 +1,2 @@
+export { Progress } from "./progress";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA","sourcesContent":["export { Progress } from \"./progress\"\n"]}

package/dist/esm/components/progress/progress.d.ts

@@ -0,0 +1,5 @@
+import { Progress as ProgressPrimitive } from "radix-ui";
+import * as React from "react";
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

package/dist/esm/components/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,QAAQ,2JAsBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/progress/progress.js

@@ -0,0 +1,11 @@
+"use client";
+import { Progress as ProgressPrimitive } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => {
+    return (React.createElement(ProgressPrimitive.Root, { ref: ref, "data-slot": "progress", className: clx("relative flex h-1 w-full items-center overflow-hidden rounded-full bg-ui-bg-subtle", className), value: value, ...props },
+        React.createElement(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "size-full flex-1 bg-ui-bg-interactive transition-transform", style: { transform: `translateX(-${100 - (value || 0)}%)` } })));
+});
+Progress.displayName = "Progress";
+export { Progress };
+//# sourceMappingURL=progress.js.map

package/dist/esm/components/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../src/components/progress/progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,OAAO,CACL,oBAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,eACE,UAAU,EACpB,SAAS,EAAE,GAAG,CACZ,oFAAoF,EACpF,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KACR,KAAK;QAET,oBAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,4DAA4D,EACtE,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC3D,CACqB,CAC1B,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { Progress as ProgressPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => {\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      data-slot=\"progress\"\n      className={clx(\n        \"relative flex h-1 w-full items-center overflow-hidden rounded-full bg-ui-bg-subtle\",\n        className\n      )}\n      value={value}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"size-full flex-1 bg-ui-bg-interactive transition-transform\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  )\n})\nProgress.displayName = \"Progress\"\n\nexport { Progress }\n"]}

package/dist/esm/components/progress-accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-accordion";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/progress-accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/esm/components/progress-accordion/index.js

@@ -0,0 +1,2 @@
+export * from "./progress-accordion";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/progress-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA","sourcesContent":["export * from \"./progress-accordion\"\n"]}

package/dist/esm/components/progress-accordion/progress-accordion.d.ts

@@ -0,0 +1,16 @@
+import { Accordion as RadixAccordion } from "radix-ui";
+import * as React from "react";
+import { ProgressStatus } from "../../types.js";
+interface HeaderProps extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {
+    status?: ProgressStatus;
+}
+declare const ProgressAccordion: {
+    (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Item: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { ProgressAccordion };
+//# sourceMappingURL=progress-accordion.d.ts.map

package/dist/esm/components/progress-accordion/progress-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6BxC,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC;IACpE,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6FD,QAAA,MAAM,iBAAiB;YAtHF,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;;;;;;CA0H7E,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/esm/components/progress-accordion/progress-accordion.js

@@ -0,0 +1,62 @@
+"use client";
+import { CheckCircleSolid, CircleDottedLine, CircleHalfSolid, Plus, } from "@nergora/icons";
+import { Accordion as RadixAccordion } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+import { IconButton } from "../icon-button";
+/**
+ * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.
+ */
+const Root = (props) => {
+    return React.createElement(RadixAccordion.Root, { ...props });
+};
+Root.displayName = "ProgressAccordion";
+const Item = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixAccordion.Item, { ref: ref, className: clx("border-ui-border-base border-b last-of-type:border-b-0", className), ...props }));
+});
+Item.displayName = "ProgressAccordion.Item";
+const ProgressIndicator = ({ 
+/**
+ * The current status.
+ */
+status, ...props }) => {
+    const Icon = React.useMemo(() => {
+        switch (status) {
+            case "not-started":
+                return CircleDottedLine;
+            case "in-progress":
+                return CircleHalfSolid;
+            case "completed":
+                return CheckCircleSolid;
+            default:
+                return CircleDottedLine;
+        }
+    }, [status]);
+    return (React.createElement("span", { className: "text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center", ...props },
+        React.createElement(Icon, null)));
+};
+ProgressIndicator.displayName = "ProgressAccordion.ProgressIndicator";
+const Header = React.forwardRef(({ className, 
+/**
+ * The current status.
+ */
+status = "not-started", children, ...props }, ref) => {
+    return (React.createElement(RadixAccordion.Header, { ref: ref, className: clx("h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6", className), ...props },
+        React.createElement(ProgressIndicator, { status: status }),
+        children,
+        React.createElement(RadixAccordion.Trigger, { asChild: true, className: "ml-auto" },
+            React.createElement(IconButton, { variant: "transparent" },
+                React.createElement(Plus, { className: "transform transition-transform group-data-[state=open]:rotate-45" })))));
+});
+Header.displayName = "ProgressAccordion.Header";
+const Content = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixAccordion.Content, { ref: ref, className: clx("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6", className), ...props }));
+});
+Content.displayName = "ProgressAccordion.Content";
+const ProgressAccordion = Object.assign(Root, {
+    Item,
+    Header,
+    Content,
+});
+export { ProgressAccordion };
+//# sourceMappingURL=progress-accordion.js.map

package/dist/esm/components/progress-accordion/progress-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n  Plus,\n} from \"@nergora/icons\"\nimport { Accordion as RadixAccordion } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\nimport { IconButton } from \"../icon-button\"\n\n/**\n * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.\n */\nconst Root = (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>) => {\n  return <RadixAccordion.Root {...props} />\n}\nRoot.displayName = \"ProgressAccordion\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Item\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base border-b last-of-type:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nItem.displayName = \"ProgressAccordion.Item\"\n\ninterface HeaderProps\n  extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {\n  status?: ProgressStatus\n}\n\ninterface StatusIndicatorProps extends React.ComponentPropsWithoutRef<\"span\"> {\n  status: ProgressStatus\n}\n\nconst ProgressIndicator = ({\n  /**\n   * The current status.\n   */\n  status,\n  ...props\n}: StatusIndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className=\"text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center\"\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressAccordion.ProgressIndicator\"\n\nconst Header = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Header>,\n  HeaderProps\n>(\n  (\n    {\n      className,\n      /**\n       * The current status.\n       */\n      status = \"not-started\",\n      children,\n      ...props\n    }: HeaderProps,\n    ref\n  ) => {\n    return (\n      <RadixAccordion.Header\n        ref={ref}\n        className={clx(\n          \"h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6\",\n          className\n        )}\n        {...props}\n      >\n        <ProgressIndicator status={status} />\n        {children}\n        <RadixAccordion.Trigger asChild className=\"ml-auto\">\n          <IconButton variant=\"transparent\">\n            <Plus className=\"transform transition-transform group-data-[state=open]:rotate-45\" />\n          </IconButton>\n        </RadixAccordion.Trigger>\n      </RadixAccordion.Header>\n    )\n  }\n)\nHeader.displayName = \"ProgressAccordion.Header\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Content\n      ref={ref}\n      className={clx(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContent.displayName = \"ProgressAccordion.Content\"\n\nconst ProgressAccordion = Object.assign(Root, {\n  Item,\n  Header,\n  Content,\n})\n\nexport { ProgressAccordion }\n"]}

package/dist/esm/components/progress-tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-tabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/progress-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/esm/components/progress-tabs/index.js

@@ -0,0 +1,2 @@
+export * from "./progress-tabs";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/progress-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA","sourcesContent":["export * from \"./progress-tabs\"\n"]}

package/dist/esm/components/progress-tabs/progress-tabs.d.ts

@@ -0,0 +1,16 @@
+import { Tabs as RadixTabs } from "radix-ui";
+import * as React from "react";
+import { ProgressStatus } from "../../types.js";
+interface ProgressTabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>, "asChild"> {
+    status?: ProgressStatus;
+}
+declare const ProgressTabs: {
+    (props: RadixTabs.TabsProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<ProgressTabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    List: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { ProgressTabs };
+//# sourceMappingURL=progress-tabs.d.ts.map

package/dist/esm/components/progress-tabs/progress-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgDxC,UAAU,wBACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,EACxD,SAAS,CACV;IACD,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6DD,QAAA,MAAM,YAAY;YA5Ge,SAAS,CAAC,SAAS;;;;;;CAgHlD,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/progress-tabs/progress-tabs.js

@@ -0,0 +1,47 @@
+"use client";
+import { CheckCircleSolid, CircleDottedLine, CircleHalfSolid, } from "@nergora/icons";
+import { Tabs as RadixTabs } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+/**
+ * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.
+ *
+ */
+const ProgressTabsRoot = (props) => {
+    return React.createElement(RadixTabs.Root, { ...props });
+};
+ProgressTabsRoot.displayName = "ProgressTabs";
+const ProgressIndicator = ({ status, className, ...props }) => {
+    const Icon = React.useMemo(() => {
+        switch (status) {
+            case "not-started":
+                return CircleDottedLine;
+            case "in-progress":
+                return CircleHalfSolid;
+            case "completed":
+                return CheckCircleSolid;
+            default:
+                return CircleDottedLine;
+        }
+    }, [status]);
+    return (React.createElement("span", { className: clx("text-ui-fg-muted group-data-[state=active]/trigger:text-ui-fg-interactive", className), ...props },
+        React.createElement(Icon, null)));
+};
+ProgressIndicator.displayName = "ProgressTabs.ProgressIndicator";
+const ProgressTabsTrigger = React.forwardRef(({ className, children, status = "not-started", ...props }, ref) => (React.createElement(RadixTabs.Trigger, { ref: ref, className: clx("txt-compact-small-plus transition-fg text-ui-fg-muted bg-ui-bg-subtle border-r-ui-border-base inline-flex h-[52px] w-full max-w-[200px] flex-1 items-center gap-x-2 border-r px-4 text-left outline-none", "group/trigger overflow-hidden text-ellipsis whitespace-nowrap", "disabled:bg-ui-bg-disabled disabled:text-ui-fg-muted", "hover:bg-ui-bg-subtle-hover", "focus-visible:bg-ui-bg-base focus:z-[1]", "data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base", className), ...props },
+    React.createElement(ProgressIndicator, { status: status }),
+    children)));
+ProgressTabsTrigger.displayName = "ProgressTabs.Trigger";
+const ProgressTabsList = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixTabs.List, { ref: ref, className: clx("flex items-center", className), ...props })));
+ProgressTabsList.displayName = "ProgressTabs.List";
+const ProgressTabsContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixTabs.Content, { ref: ref, className: clx("outline-none", className), ...props }));
+});
+ProgressTabsContent.displayName = "ProgressTabs.Content";
+const ProgressTabs = Object.assign(ProgressTabsRoot, {
+    Trigger: ProgressTabsTrigger,
+    List: ProgressTabsList,
+    Content: ProgressTabsContent,
+});
+export { ProgressTabs };
+//# sourceMappingURL=progress-tabs.js.map

package/dist/esm/components/progress-tabs/progress-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-tabs.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n} from \"@nergora/icons\"\nimport { Tabs as RadixTabs } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.\n *\n */\nconst ProgressTabsRoot = (props: RadixTabs.TabsProps) => {\n  return <RadixTabs.Root {...props} />\n}\nProgressTabsRoot.displayName = \"ProgressTabs\"\n\ninterface IndicatorProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  /**\n   * The current status.\n   */\n  status?: ProgressStatus\n}\n\nconst ProgressIndicator = ({ status, className, ...props }: IndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-muted group-data-[state=active]/trigger:text-ui-fg-interactive\",\n        className\n      )}\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressTabs.ProgressIndicator\"\n\ninterface ProgressTabsTriggerProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>,\n    \"asChild\"\n  > {\n  status?: ProgressStatus\n}\n\nconst ProgressTabsTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Trigger>,\n  ProgressTabsTriggerProps\n>(\n  (\n    {\n      className,\n      children,\n      status = \"not-started\",\n      ...props\n    }: ProgressTabsTriggerProps,\n    ref\n  ) => (\n    <RadixTabs.Trigger\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus transition-fg text-ui-fg-muted bg-ui-bg-subtle border-r-ui-border-base inline-flex h-[52px] w-full max-w-[200px] flex-1 items-center gap-x-2 border-r px-4 text-left outline-none\",\n        \"group/trigger overflow-hidden text-ellipsis whitespace-nowrap\",\n        \"disabled:bg-ui-bg-disabled disabled:text-ui-fg-muted\",\n        \"hover:bg-ui-bg-subtle-hover\",\n        \"focus-visible:bg-ui-bg-base focus:z-[1]\",\n        \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressIndicator status={status} />\n      {children}\n    </RadixTabs.Trigger>\n  )\n)\nProgressTabsTrigger.displayName = \"ProgressTabs.Trigger\"\n\nconst ProgressTabsList = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.List>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.List\n    ref={ref}\n    className={clx(\"flex items-center\", className)}\n    {...props}\n  />\n))\nProgressTabsList.displayName = \"ProgressTabs.List\"\n\nconst ProgressTabsContent = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixTabs.Content\n      ref={ref}\n      className={clx(\"outline-none\", className)}\n      {...props}\n    />\n  )\n})\nProgressTabsContent.displayName = \"ProgressTabs.Content\"\n\nconst ProgressTabs = Object.assign(ProgressTabsRoot, {\n  Trigger: ProgressTabsTrigger,\n  List: ProgressTabsList,\n  Content: ProgressTabsContent,\n})\n\nexport { ProgressTabs }\n"]}

package/dist/esm/components/prompt/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./prompt";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/prompt/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/esm/components/prompt/index.js

@@ -0,0 +1,2 @@
+export * from "./prompt";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/prompt/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA","sourcesContent":["export * from \"./prompt\"\n"]}

package/dist/esm/components/prompt/prompt.d.ts

@@ -0,0 +1,26 @@
+import { AlertDialog as RadixAlertDialog } from "radix-ui";
+import * as React from "react";
+type PromptVariant = "danger" | "confirmation";
+declare const Prompt: {
+    ({ variant, ...props }: React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Root> & {
+        variant?: PromptVariant;
+    }): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref">, "asChild"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Action: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
+    Header: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        displayName: string;
+    };
+};
+export { Prompt };
+//# sourceMappingURL=prompt.d.ts.map

package/dist/esm/components/prompt/prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,aAAa,GAAG,QAAQ,GAAG,cAAc,CAAA;AA2L9C,QAAA,MAAM,MAAM;4BAxJT,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;QAChE,OAAO,CAAC,EAAE,aAAa,CAAA;KACxB;;;;;;;;;;kCA4HE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;;kCAgBpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;CAmBrC,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}