@clicktap/ui 0.15.2 → 0.16.0

package/components/FeatureGate/UpgradePrompt.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+export interface UpgradePromptProps {
+    /** Human-readable feature name for error message */
+    featureName?: string;
+    /** Custom icon to render instead of default */
+    icon?: ReactNode;
+    /** Custom content to render instead of default */
+    children?: ReactNode;
+    /** URL to navigate to for subscription management */
+    upgradeUrl?: string;
+    /** Callback when "Manage Subscription" is clicked (alternative to upgradeUrl) */
+    onManageSubscription?: () => void;
+}
+/**
+ * Shown when the account's subscription doesn't include a feature.
+ * Prompts user to upgrade their subscription.
+ *
+ * @example
+ * ```tsx
+ * // With upgrade URL
+ * <UpgradePrompt
+ *   featureName="Advanced Analytics"
+ *   upgradeUrl="/settings/subscription"
+ * />
+ *
+ * // With callback
+ * <UpgradePrompt
+ *   featureName="Advanced Analytics"
+ *   onManageSubscription={() => router.push('/settings/subscription')}
+ * />
+ *
+ * // Custom icon
+ * <UpgradePrompt
+ *   featureName="Reports"
+ *   icon={<DiamondIcon size={24} className="text-purple-500" />}
+ *   upgradeUrl="/upgrade"
+ * />
+ *
+ * // Custom content
+ * <UpgradePrompt>
+ *   <CustomUpgradeCard />
+ * </UpgradePrompt>
+ * ```
+ */
+export declare function UpgradePrompt({ featureName, icon, children, upgradeUrl, onManageSubscription, }: UpgradePromptProps): string | number | bigint | true | Iterable<ReactNode> | Promise<import('react').AwaitedReactNode> | import("react/jsx-runtime").JSX.Element;
+export default UpgradePrompt;

package/components/FeatureGate/UpgradePrompt.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import{Button as m}from"../Button/Button.js";import{Link as a}from"../Link/Link.js";import"../Link/LinkContext.js";import{GemIcon as c}from"../Icon/GemIcon.js";import"react";import"react-aria-components";import"../../utils/cn.js";import"../Link/utils.js";function y({featureName:t,icon:o,children:r,upgradeUrl:i,onManageSubscription:n}){return r||e("div",{className:"border border-slate-200 rounded-lg bg-white",children:s("div",{className:"flex flex-col items-center justify-center py-12 px-4",children:[e("div",{className:"w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mb-4",children:o??e(c,{size:24})}),e("p",{className:"text-lg font-medium text-slate-600 mb-2",children:"Upgrade Your Account"}),s("p",{className:"text-sm text-slate-500 text-center max-w-md",children:[t?`Access to ${t} requires a premium subscription.`:"This feature requires a premium subscription."," ","Upgrade your account to unlock this and other powerful features."]}),i?e(a,{href:i,className:"mt-8 inline-flex items-center justify-center px-4 py-2 bg-slate-900 text-white font-medium rounded-lg hover:bg-slate-800 transition-colors",children:"Manage Subscription"}):e(m,{variant:"solid",className:"mt-8",onPress:n,children:"Manage Subscription"})]})})}export{y as UpgradePrompt,y as default};

package/components/FeatureGate/index.d.ts

@@ -0,0 +1,5 @@
+export { AccessDenied, type AccessDeniedProps } from './AccessDenied';
+export { FeatureGate, type FeatureGateProps } from './FeatureGate';
+export { PermissionRequired, type PermissionRequiredProps, } from './PermissionRequired';
+export { UpgradePrompt, type UpgradePromptProps } from './UpgradePrompt';
+export { PermissionsProvider, type PermissionsProviderProps, usePermissions, useAccountPermissions, useAccount, IsAllowedTo, type IsAllowedToProps, } from './PermissionsProvider';

package/components/FeatureGate/index.js

@@ -0,0 +1 @@
+import{AccessDenied as d}from"./AccessDenied.js";import{FeatureGate as x}from"./FeatureGate.js";import{PermissionRequired as a}from"./PermissionRequired.js";import{UpgradePrompt as g}from"./UpgradePrompt.js";import{IsAllowedTo as v,PermissionsProvider as w,useAccount as D,useAccountPermissions as F,usePermissions as G}from"./PermissionsProvider.js";import"react/jsx-runtime";import"../Icon/LockIcon.js";import"../../utils/cn.js";import"../Button/Button.js";import"react";import"react-aria-components";import"../Link/Link.js";import"../Link/LinkContext.js";import"../Link/utils.js";import"../Icon/GemIcon.js";export{d as AccessDenied,x as FeatureGate,v as IsAllowedTo,a as PermissionRequired,w as PermissionsProvider,g as UpgradePrompt,D as useAccount,F as useAccountPermissions,G as usePermissions};

package/components/Icon/ArrowLeftIcon.d.ts

@@ -0,0 +1,7 @@
+export interface ArrowLeftIconProps {
+    className?: string;
+    size?: number;
+}
+/** Arrow left icon for back navigation */
+export declare function ArrowLeftIcon({ className, size }: ArrowLeftIconProps): import("react/jsx-runtime").JSX.Element;
+export default ArrowLeftIcon;

package/components/Icon/ArrowLeftIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function h({className:t,size:r=16}){return e("svg",{width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",t),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("path",{d:"M6 8L2 12L6 16"}),o("path",{d:"M2 12H22"})]})}export{h as ArrowLeftIcon,h as default};

package/components/Icon/CloseIcon.d.ts

@@ -0,0 +1,7 @@
+export interface CloseIconProps {
+    className?: string;
+    size?: number;
+}
+/** Close icon (X) */
+export declare function CloseIcon({ className, size }: CloseIconProps): import("react/jsx-runtime").JSX.Element;
+export default CloseIcon;

package/components/Icon/CloseIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function h({className:t,size:o=20}){return e("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",t),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r("path",{d:"M18 6 6 18"}),r("path",{d:"m6 6 12 12"})]})}export{h as CloseIcon,h as default};

package/components/Icon/CreateIcon.d.ts

@@ -0,0 +1,7 @@
+export interface CreateIconProps {
+    className?: string;
+    size?: number;
+}
+/** Create icon (file with plus) */
+export declare function CreateIcon({ className, size }: CreateIconProps): import("react/jsx-runtime").JSX.Element;
+export default CreateIcon;

package/components/Icon/CreateIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function s({className:o,size:r=16}){return e("svg",{width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",o),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),t("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),t("path",{d:"M9 15h6"}),t("path",{d:"M12 18v-6"})]})}export{s as CreateIcon,s as default};

package/components/Icon/DeleteIcon.d.ts

@@ -0,0 +1,7 @@
+export interface DeleteIconProps {
+    className?: string;
+    size?: number;
+}
+/** Delete icon (trash) */
+export declare function DeleteIcon({ className, size }: DeleteIconProps): import("react/jsx-runtime").JSX.Element;
+export default DeleteIcon;

package/components/Icon/DeleteIcon.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function h({className:o,size:t=16}){return r("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",o),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e("path",{d:"M3 6h18"}),e("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"}),e("line",{x1:"10",x2:"10",y1:"11",y2:"17"}),e("line",{x1:"14",x2:"14",y1:"11",y2:"17"})]})}export{h as DeleteIcon,h as default};

package/components/Icon/GemIcon.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from './Icon.types';
+export interface GemIconProps extends IconProps {
+    size?: number;
+}
+/** Gem icon for premium/upgrade features (from Lucide) */
+export declare function GemIcon({ className, size, style }: GemIconProps): import("react/jsx-runtime").JSX.Element;
+export default GemIcon;

package/components/Icon/GemIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import{cn as s}from"../../utils/cn.js";function l({className:r,size:o=24,style:e}){return n("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:s("text-purple-500",r),style:e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"M6 3h12l4 6-10 13L2 9z"}),t("path",{d:"M11 3 8 9l4 13 4-13-3-6"}),t("path",{d:"M2 9h20"})]})}export{l as GemIcon,l as default};

package/components/Icon/IncludedIcon.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from './Icon.types';
+export interface IncludedIconProps extends IconProps {
+    size?: number;
+}
+/**
+ * Icon indicating a permission is already included/provided.
+ * Used to show that a permission is active through the product or baseline,
+ * even though it hasn't been directly assigned.
+ */
+export declare function IncludedIcon({ className, size, style, }: IncludedIconProps): import("react/jsx-runtime").JSX.Element;
+export default IncludedIcon;

package/components/Icon/IncludedIcon.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{cn as i}from"../../utils/cn.js";function l({className:e,size:r=16,style:n}){return t("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:i("flex-shrink-0",e),style:n,children:[o("circle",{cx:"12",cy:"12",r:"10"}),o("path",{d:"m9 12 2 2 4-4"})]})}export{l as IncludedIcon,l as default};

package/components/Icon/InfoIcon.d.ts

@@ -0,0 +1,7 @@
+export interface InfoIconProps {
+    className?: string;
+    size?: number;
+}
+/** Info icon (circle with i) */
+export declare function InfoIcon({ className, size }: InfoIconProps): import("react/jsx-runtime").JSX.Element;
+export default InfoIcon;

package/components/Icon/InfoIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as r}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";function c({className:t,size:o=16}){return n("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e("flex-shrink-0",t),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r("circle",{cx:"12",cy:"12",r:"10"}),r("path",{d:"M12 16v-4"}),r("path",{d:"M12 8h.01"})]})}export{c as InfoIcon,c as default};

package/components/Icon/InvoiceIcon.d.ts

@@ -0,0 +1,7 @@
+export interface InvoiceIconProps {
+    className?: string;
+    size?: number;
+}
+/** Invoice icon (credit card) */
+export declare function InvoiceIcon({ className, size }: InvoiceIconProps): import("react/jsx-runtime").JSX.Element;
+export default InvoiceIcon;

package/components/Icon/InvoiceIcon.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function h({className:e,size:r=16}){return t("svg",{width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",e),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("rect",{width:"20",height:"14",x:"2",y:"5",rx:"2"}),o("line",{x1:"2",x2:"22",y1:"10",y2:"10"})]})}export{h as InvoiceIcon,h as default};

package/components/Icon/LockIcon.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from './Icon.types';
+export interface LockIconProps extends IconProps {
+    size?: number;
+}
+/** Lock icon for permission-restricted features (from Lucide) */
+export declare function LockIcon({ className, size, style }: LockIconProps): import("react/jsx-runtime").JSX.Element;
+export default LockIcon;

package/components/Icon/LockIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as o}from"react/jsx-runtime";import{cn as i}from"../../utils/cn.js";function c({className:r,size:t=24,style:e}){return n("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i("text-yellow-500",r),style:e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),o("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]})}export{c as LockIcon,c as default};

package/components/Icon/NoEntryIcon.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from './Icon.types';
+export interface NoEntryIconProps extends IconProps {
+    size?: number;
+}
+/** No entry/ban icon for access denied states (from Lucide) */
+export declare function NoEntryIcon({ className, size, style }: NoEntryIconProps): import("react/jsx-runtime").JSX.Element;
+export default NoEntryIcon;

package/components/Icon/NoEntryIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as o}from"react/jsx-runtime";import{cn as i}from"../../utils/cn.js";function l({className:t,size:r=24,style:e}){return n("svg",{width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:i("text-red-500",t),style:e,stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("circle",{cx:"12",cy:"12",r:"10"}),o("line",{x1:"4.93",y1:"4.93",x2:"19.07",y2:"19.07"})]})}export{l as NoEntryIcon,l as default};

package/components/Icon/NoteIcon.d.ts

@@ -0,0 +1,7 @@
+export interface NoteIconProps {
+    className?: string;
+    size?: number;
+}
+/** Note icon (notebook with pen) */
+export declare function NoteIcon({ className, size }: NoteIconProps): import("react/jsx-runtime").JSX.Element;
+export default NoteIcon;

package/components/Icon/NoteIcon.js

@@ -0,0 +1 @@
+import{jsxs as a,jsx as t}from"react/jsx-runtime";import{cn as h}from"../../utils/cn.js";function s({className:r,size:o=16}){return a("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:h("flex-shrink-0",r),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4"}),t("path",{d:"M2 6h4"}),t("path",{d:"M2 10h4"}),t("path",{d:"M2 14h4"}),t("path",{d:"M2 18h4"}),t("path",{d:"M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"})]})}export{s as NoteIcon,s as default};

package/components/Icon/PencilIcon.d.ts

@@ -0,0 +1,7 @@
+export interface PencilIconProps {
+    className?: string;
+    size?: number;
+}
+/** Pencil icon (simple edit pencil) */
+export declare function PencilIcon({ className, size }: PencilIconProps): import("react/jsx-runtime").JSX.Element;
+export default PencilIcon;

package/components/Icon/PencilIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as r}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";function l({className:t,size:o=16}){return n("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e("flex-shrink-0",t),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"}),r("path",{d:"m15 5 4 4"})]})}export{l as PencilIcon,l as default};

package/components/Icon/PermissionIcon.d.ts

@@ -0,0 +1,7 @@
+export interface PermissionIconProps {
+    className?: string;
+    size?: number;
+}
+/** Permission icon (sliders horizontal) */
+export declare function PermissionIcon({ className, size }: PermissionIconProps): import("react/jsx-runtime").JSX.Element;
+export default PermissionIcon;

package/components/Icon/PermissionIcon.js

@@ -0,0 +1 @@
+import{jsxs as i,jsx as n}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";function l({className:x,size:e=16}){return i("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("flex-shrink-0",x),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[n("line",{x1:"21",x2:"14",y1:"4",y2:"4"}),n("line",{x1:"10",x2:"3",y1:"4",y2:"4"}),n("line",{x1:"21",x2:"12",y1:"12",y2:"12"}),n("line",{x1:"8",x2:"3",y1:"12",y2:"12"}),n("line",{x1:"21",x2:"16",y1:"20",y2:"20"}),n("line",{x1:"12",x2:"3",y1:"20",y2:"20"}),n("line",{x1:"14",x2:"14",y1:"2",y2:"6"}),n("line",{x1:"8",x2:"8",y1:"10",y2:"14"}),n("line",{x1:"16",x2:"16",y1:"18",y2:"22"})]})}export{l as PermissionIcon,l as default};

package/components/Icon/ProductBoxIcon.d.ts

@@ -0,0 +1,7 @@
+export interface ProductBoxIconProps {
+    className?: string;
+    size?: number;
+}
+/** Product box/package icon */
+export declare function ProductBoxIcon({ className, size }: ProductBoxIconProps): import("react/jsx-runtime").JSX.Element;
+export default ProductBoxIcon;

package/components/Icon/ProductBoxIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as o}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";function i({className:r,size:t=16}){return n("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e("flex-shrink-0",r),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("path",{d:"m7.5 4.27 9 5.15"}),o("path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"}),o("path",{d:"m3.3 7 8.7 5 8.7-5"}),o("path",{d:"M12 22V12"})]})}export{i as ProductBoxIcon,i as default};

package/components/Icon/ProductIcon.d.ts

@@ -0,0 +1,7 @@
+export interface ProductIconProps {
+    className?: string;
+    size?: number;
+}
+/** Product icon (package/box) from Lucide */
+export declare function ProductIcon({ className, size }: ProductIconProps): import("react/jsx-runtime").JSX.Element;
+export default ProductIcon;

package/components/Icon/ProductIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";function i({className:r,size:o=16}){return n("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e("flex-shrink-0",r),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"}),t("path",{d:"M12 22V12"}),t("path",{d:"m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7"}),t("path",{d:"m7.5 4.27 9 5.15"})]})}export{i as ProductIcon,i as default};

package/components/Icon/QuoteIcon.d.ts

@@ -0,0 +1,7 @@
+export interface QuoteIconProps {
+    className?: string;
+    size?: number;
+}
+/** Quote icon (file with plus) */
+export declare function QuoteIcon({ className, size }: QuoteIconProps): import("react/jsx-runtime").JSX.Element;
+export default QuoteIcon;

package/components/Icon/QuoteIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function s({className:r,size:o=16}){return e("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",r),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),t("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"}),t("path",{d:"M9 15h6"}),t("path",{d:"M12 18v-6"})]})}export{s as QuoteIcon,s as default};

package/components/Icon/ResetPasswordIcon.d.ts

@@ -0,0 +1,7 @@
+export interface ResetPasswordIconProps {
+    className?: string;
+    size?: number;
+}
+/** Reset password icon (key with refresh) */
+export declare function ResetPasswordIcon({ className, size, }: ResetPasswordIconProps): import("react/jsx-runtime").JSX.Element;
+export default ResetPasswordIcon;

package/components/Icon/ResetPasswordIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function h({className:o,size:t=16}){return e("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",o),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r("path",{d:"m14.5 9.5 1 1"}),r("path",{d:"m15.5 8.5-4 4"}),r("path",{d:"M3 12a9 9 0 1 0 9-9 9.74 9.74 0 0 0-6.74 2.74L3 8"}),r("path",{d:"M3 3v5h5"}),r("circle",{cx:"10",cy:"14",r:"2"})]})}export{h as ResetPasswordIcon,h as default};

package/components/Icon/RoleIcon.d.ts

@@ -0,0 +1,7 @@
+export interface RoleIconProps {
+    className?: string;
+    size?: number;
+}
+/** Role icon (credit card style) for role-related UI */
+export declare function RoleIcon({ className, size }: RoleIconProps): import("react/jsx-runtime").JSX.Element;
+export default RoleIcon;

package/components/Icon/RoleIcon.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function h({className:e,size:r=16}){return t("svg",{width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",e),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("rect",{width:"20",height:"14",x:"2",y:"5",rx:"2"}),o("line",{x1:"2",x2:"22",y1:"10",y2:"10"})]})}export{h as RoleIcon,h as default};

package/components/Icon/ShieldUserIcon.d.ts

@@ -0,0 +1,7 @@
+export interface ShieldUserIconProps {
+    className?: string;
+    size?: number;
+}
+/** Shield user icon (shield with user) for role-related UI */
+export declare function ShieldUserIcon({ className, size }: ShieldUserIconProps): import("react/jsx-runtime").JSX.Element;
+export default ShieldUserIcon;

package/components/Icon/ShieldUserIcon.js

@@ -0,0 +1 @@
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function i({className:e,size:o=16}){return t("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",e),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r("path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"}),r("circle",{cx:"12",cy:"11",r:"2"}),r("path",{d:"M16 16c0-1.7-1.3-3-4-3s-4 1.3-4 3"})]})}export{i as ShieldUserIcon,i as default};

package/components/Icon/SyncIcon.d.ts

@@ -0,0 +1,6 @@
+export interface SyncIconProps {
+    className?: string;
+    size?: number;
+}
+export declare function SyncIcon({ className, size }: SyncIconProps): import("react/jsx-runtime").JSX.Element;
+export default SyncIcon;

package/components/Icon/SyncIcon.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";function i({className:r,size:o=16}){return n("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e("flex-shrink-0",r),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),t("path",{d:"M3 3v5h5"}),t("path",{d:"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"}),t("path",{d:"M16 16h5v5"})]})}export{i as SyncIcon,i as default};

package/components/Icon/UpdateIcon.d.ts

@@ -0,0 +1,7 @@
+export interface UpdateIconProps {
+    className?: string;
+    size?: number;
+}
+/** Update icon (file with pen) */
+export declare function UpdateIcon({ className, size }: UpdateIconProps): import("react/jsx-runtime").JSX.Element;
+export default UpdateIcon;

package/components/Icon/UpdateIcon.js

@@ -0,0 +1 @@
+import{jsxs as a,jsx as t}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";function h({className:r,size:o=16}){return a("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e("flex-shrink-0",r),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t("path",{d:"m18 5-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2"}),t("path",{d:"M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"}),t("path",{d:"M8 18h1"})]})}export{h as UpdateIcon,h as default};

package/components/Icon/UserEditIcon.d.ts

@@ -0,0 +1,7 @@
+export interface UserEditIconProps {
+    className?: string;
+    size?: number;
+}
+/** User edit icon (user with pen) */
+export declare function UserEditIcon({ className, size }: UserEditIconProps): import("react/jsx-runtime").JSX.Element;
+export default UserEditIcon;

package/components/Icon/UserEditIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function a({className:t,size:o=16}){return e("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("flex-shrink-0",t),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[r("path",{d:"M2 21a8 8 0 0 1 10.821-7.487"}),r("path",{d:"M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"}),r("circle",{cx:"10",cy:"8",r:"5"})]})}export{a as UserEditIcon,a as default};

package/components/Icon/UserIcon.d.ts

@@ -0,0 +1,7 @@
+export interface UserIconProps {
+    className?: string;
+    size?: number;
+}
+/** User icon (from Lucide) */
+export declare function UserIcon({ className, size }: UserIconProps): import("react/jsx-runtime").JSX.Element;
+export default UserIcon;

package/components/Icon/UserIcon.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";function c({className:t,size:r=16}){return e("svg",{width:r,height:r,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:n("text-ffl-gray-500 flex-shrink-0",t),stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),o("circle",{cx:"12",cy:"7",r:"4"})]})}export{c as UserIcon,c as default};

package/components/Icon/index.d.ts

@@ -10,4 +10,27 @@ export { Plus } from './Plus';
 export { Search } from './Search';
 export { Trash } from './Trash';
 export { Verified } from './Verified';
+export { ArrowLeftIcon } from './ArrowLeftIcon';
+export { CloseIcon } from './CloseIcon';
+export { CreateIcon } from './CreateIcon';
+export { DeleteIcon } from './DeleteIcon';
+export { GemIcon, type GemIconProps } from './GemIcon';
+export { IncludedIcon } from './IncludedIcon';
+export { InfoIcon } from './InfoIcon';
+export { InvoiceIcon } from './InvoiceIcon';
+export { LockIcon, type LockIconProps } from './LockIcon';
+export { NoEntryIcon, type NoEntryIconProps } from './NoEntryIcon';
+export { NoteIcon } from './NoteIcon';
+export { PencilIcon } from './PencilIcon';
+export { PermissionIcon } from './PermissionIcon';
+export { ProductBoxIcon } from './ProductBoxIcon';
+export { ProductIcon } from './ProductIcon';
+export { QuoteIcon } from './QuoteIcon';
+export { ResetPasswordIcon } from './ResetPasswordIcon';
+export { RoleIcon } from './RoleIcon';
+export { ShieldUserIcon } from './ShieldUserIcon';
+export { SyncIcon } from './SyncIcon';
+export { UpdateIcon } from './UpdateIcon';
+export { UserEditIcon } from './UserEditIcon';
+export { UserIcon } from './UserIcon';
 export type { IconProps } from './Icon.types';

package/components/Icon/index.js

@@ -1 +1 @@
-import{Account as t}from"./Account.js";import{Cart as f}from"./Cart.js";import{Checkmark as i}from"./Checkmark.js";import{Cross as s}from"./Cross.js";import{DownArrow as n}from"./DownArrow.js";import{Hamburger as h}from"./Hamburger.js";import{LinkArrow as w}from"./LinkArrow.js";import{Minus as C}from"./Minus.js";import{Plus as d}from"./Plus.js";import{Search as l}from"./Search.js";import{Trash as H}from"./Trash.js";import{Verified as M}from"./Verified.js";import"react/jsx-runtime";import"../../utils/cn.js";export{t as Account,f as Cart,i as Checkmark,s as Cross,n as DownArrow,h as Hamburger,w as LinkArrow,C as Minus,d as Plus,l as Search,H as Trash,M as Verified};
+import{Account as m}from"./Account.js";import{Cart as p}from"./Cart.js";import{Checkmark as c}from"./Checkmark.js";import{Cross as I}from"./Cross.js";import{DownArrow as i}from"./DownArrow.js";import{Hamburger as a}from"./Hamburger.js";import{LinkArrow as l}from"./LinkArrow.js";import{Minus as w}from"./Minus.js";import{Plus as h}from"./Plus.js";import{Search as A}from"./Search.js";import{Trash as L}from"./Trash.js";import{Verified as y}from"./Verified.js";import{ArrowLeftIcon as E}from"./ArrowLeftIcon.js";import{CloseIcon as R}from"./CloseIcon.js";import{CreateIcon as g}from"./CreateIcon.js";import{DeleteIcon as B}from"./DeleteIcon.js";import{GemIcon as H}from"./GemIcon.js";import{IncludedIcon as Q}from"./IncludedIcon.js";import{InfoIcon as V}from"./InfoIcon.js";import{InvoiceIcon as q}from"./InvoiceIcon.js";import{LockIcon as F}from"./LockIcon.js";import{NoEntryIcon as K}from"./NoEntryIcon.js";import{NoteIcon as W}from"./NoteIcon.js";import{PencilIcon as Y}from"./PencilIcon.js";import{PermissionIcon as _}from"./PermissionIcon.js";import{ProductBoxIcon as oo}from"./ProductBoxIcon.js";import{ProductIcon as eo}from"./ProductIcon.js";import{QuoteIcon as mo}from"./QuoteIcon.js";import{ResetPasswordIcon as po}from"./ResetPasswordIcon.js";import{RoleIcon as co}from"./RoleIcon.js";import{ShieldUserIcon as Io}from"./ShieldUserIcon.js";import{SyncIcon as io}from"./SyncIcon.js";import{UpdateIcon as uo}from"./UpdateIcon.js";import{UserEditIcon as Po}from"./UserEditIcon.js";import{UserIcon as Co}from"./UserIcon.js";import"react/jsx-runtime";import"../../utils/cn.js";export{m as Account,E as ArrowLeftIcon,p as Cart,c as Checkmark,R as CloseIcon,g as CreateIcon,I as Cross,B as DeleteIcon,i as DownArrow,H as GemIcon,a as Hamburger,Q as IncludedIcon,V as InfoIcon,q as InvoiceIcon,l as LinkArrow,F as LockIcon,w as Minus,K as NoEntryIcon,W as NoteIcon,Y as PencilIcon,_ as PermissionIcon,h as Plus,oo as ProductBoxIcon,eo as ProductIcon,mo as QuoteIcon,po as ResetPasswordIcon,co as RoleIcon,A as Search,Io as ShieldUserIcon,io as SyncIcon,L as Trash,uo as UpdateIcon,Po as UserEditIcon,Co as UserIcon,y as Verified};

package/components/Image/Image.d.ts

@@ -1,3 +1,3 @@
 import { ImageProps } from 'next/image';
-export declare function Image({ src, className, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;
+export declare function Image({ src, className, style, ...rest }: ImageProps): import("react/jsx-runtime").JSX.Element;
 export default Image;

package/components/Image/Image.js

@@ -1 +1 @@
-import{jsx as g}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";import{N as p}from"../../assets/image-k0c3_NVg.js";import{cn as u}from"../../utils/cn.js";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react-dom";function C({src:e,className:a,...i}){const[m,s]=t(!0),[n,o]=t(e),[l,f]=t(!1);return r(()=>o(e),[e]),r(()=>f(!0),[]),g(p,{src:n,className:u("transition-[filter] ease-linear duration-200",l&&m&&"blur-md",a),onError:()=>o("/images/placeholder.jpg"),onLoad:()=>s(!1),...i})}export{C as Image,C as default};
+import{jsx as p}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{N as u}from"../../assets/image-k0c3_NVg.js";import{cn as c}from"../../utils/cn.js";import"../../assets/_interop_require_wildcard-hxwiIWAf.js";import"react-dom";function z({src:e,className:r,style:o,...t}){const[s,m]=i(!0),[l,a]=i(e),[g,f]=i(!1);n(()=>a(e),[e]),n(()=>f(!0),[]);const d="width"in t&&"height"in t&&!("fill"in t)?{width:"auto",height:"auto",...o}:o;return p(u,{src:l,className:c("transition-[filter] ease-linear duration-200",g&&s&&"blur-md",r),style:d,onError:()=>a("/images/placeholder.jpg"),onLoad:()=>m(!1),...t})}export{z as Image,z as default};

package/components/Radio/Radio.js

@@ -1 +1 @@
-import{jsx as i,jsxs as c,Fragment as p}from"react/jsx-runtime";import{Radio as g}from"react-aria-components";import{cn as l}from"../../utils/cn.js";function x({control:e,classNames:a,isHovered:t,isFocused:r,isFocusVisible:u,isDisabled:d,isInvalid:o,isSelected:n,isPressed:b,isReadOnly:f,isRequired:s,defaultChildren:m,...h}){const v={isHovered:t,isFocused:r,isFocusVisible:u,isDisabled:d,isInvalid:o,isSelected:n,isPressed:b,isReadOnly:f,isRequired:s};return e?typeof e=="function"?e(v):e:i("div",{"data-hovered":t,"data-focused":r,"data-disabled":d,"data-invalid":o,"data-selected":n,"data-pressed":b,className:l("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),children:i("div",{"data-invalid":o,className:l('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":n})})})}function w({children:e,slots:a,className:t,classNames:r,...u}){return i(g,{className:l("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",t),...u,children:d=>c(p,{children:[i(x,{control:a==null?void 0:a.control,classNames:r,...d}),typeof e=="function"?e(d):e]})})}export{w as Radio,w as default};
+import{jsx as i,jsxs as c,Fragment as p}from"react/jsx-runtime";import{Radio as g}from"react-aria-components";import{cn as l}from"../../utils/cn.js";function x({control:e,classNames:d,isHovered:t,isFocused:r,isFocusVisible:u,isDisabled:a,isInvalid:o,isSelected:n,isPressed:b,isReadOnly:f,isRequired:s,defaultChildren:m,...h}){const v={isHovered:t,isFocused:r,isFocusVisible:u,isDisabled:a,isInvalid:o,isSelected:n,isPressed:b,isReadOnly:f,isRequired:s};return e?typeof e=="function"?e(v):e:i("div",{"data-hovered":t,"data-focused":r,"data-disabled":a,"data-invalid":o,"data-selected":n,"data-pressed":b,className:l("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',d==null?void 0:d.control),children:i("div",{"data-invalid":o,className:l('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":n})})})}function w({children:e,slots:d,className:t,classNames:r,...u}){return i(g,{className:l("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",t),...u,children:a=>c(p,{children:[i(x,{control:d==null?void 0:d.control,classNames:r,...a}),typeof e=="function"?e(a):e]})})}export{w as Radio,w as default};

package/components/Select/Select.js

@@ -1 +1 @@
-import{jsx as e,jsxs as f,Fragment as k}from"react/jsx-runtime";import{Popover as _,ComboBox as c,Label as L,Input as I,Button as S,Text as j,FieldError as y,ListBox as D}from"react-aria-components";import{forwardRef as F}from"react";import{cn as d}from"../../utils/cn.js";import"framer-motion";import{Pulse as M}from"../Loader/Pulse.js";function P({buttonIcon:i,...o}){return i?typeof i=="function"?i(o):i:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:d("transition-all ease-in-out duration-200",o.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:d(["stroke-slate-900",o.isDisabled&&"stroke-slate-400",o.isInvalid&&"stroke-red-500"])})})}function E({listBoxComponent:i,children:o,...n}){return e(i||D,{...n,children:o})}function O({label:i,description:o,errorMessage:n,children:a,placeholder:b,isLoading:l,slots:r,popoverOffset:p,selectedKey:u,className:h,classNames:t,autoComplete:v,...x},w){const g=d("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),B=e(_,{offset:p,className:g,children:e(E,{listBoxComponent:r==null?void 0:r.listBoxComponent,className:d("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:a})});return e(c,{isDisabled:x.isDisabled||l,"data-has-value":!!u,selectedKey:u,...x,className:d("flex flex-col","w-full",h),children:C=>f(k,{children:[e(L,{className:d("flex","text-xs text-slate-500",t==null?void 0:t.label),children:i}),f("div",{className:d("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(I,{placeholder:b,className:d("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",l?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input),ref:w,autoComplete:v}),l?e("div",{className:d("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(M,{})}):e(S,{className:d("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(P,{buttonIcon:r==null?void 0:r.buttonIcon,...C})})]}),o&&e(j,{slot:"description",className:d("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:o}),e(y,{className:d("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:n}),B]})})}const G=F(O);export{G as Select,G as default};
+import{jsx as e,jsxs as f,Fragment as _}from"react/jsx-runtime";import{Popover as c,ComboBox as L,Label as S,Input as y,Button as I,Text as j,FieldError as D,ListBox as F}from"react-aria-components";import{forwardRef as M}from"react";import{cn as d}from"../../utils/cn.js";import"framer-motion";import{Pulse as P}from"../Loader/Pulse.js";function z({buttonIcon:i,...o}){return i?typeof i=="function"?i(o):i:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:d("transition-all ease-in-out duration-200",o.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:d(["stroke-slate-900",o.isDisabled&&"stroke-slate-400",o.isInvalid&&"stroke-red-500"])})})}function E({listBoxComponent:i,children:o,...n}){return e(i||F,{...n,children:o})}function O({label:i,description:o,errorMessage:n,children:u,placeholder:b,isLoading:l,slots:r,popoverOffset:p,selectedKey:a,className:h,classNames:t,autoComplete:v,...x},w){const g=d("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),B=e(c,{offset:p,className:g,children:e(E,{listBoxComponent:r==null?void 0:r.listBoxComponent,className:d("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:u})}),C=a===void 0?null:a;return e(L,{isDisabled:x.isDisabled||l,"data-has-value":!!a,selectedKey:C,...x,className:d("flex flex-col","w-full",h),children:k=>f(_,{children:[e(S,{className:d("flex","text-xs text-slate-500",t==null?void 0:t.label),children:i}),f("div",{className:d("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(y,{placeholder:b,className:d("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",l?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input),ref:w,autoComplete:v}),l?e("div",{className:d("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(P,{})}):e(I,{className:d("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(z,{buttonIcon:r==null?void 0:r.buttonIcon,...k})})]}),o&&e(j,{slot:"description",className:d("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:o}),e(D,{className:d("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:n}),B]})})}const H=M(O);export{H as Select,H as default};

package/hooks/useAssetDownload.d.ts

@@ -0,0 +1,14 @@
+interface UseAssetDownloadOptions {
+    url: string;
+    filename: string;
+    autoDownload?: boolean;
+    headers?: Record<string, string>;
+}
+interface UseAssetDownloadResult {
+    downloadStarted: boolean;
+    isDownloading: boolean;
+    error: Error | null;
+    triggerDownload: () => Promise<void>;
+}
+export declare function useAssetDownload({ url, filename, autoDownload, headers, }: UseAssetDownloadOptions): UseAssetDownloadResult;
+export default useAssetDownload;

package/hooks/useAssetDownload.js

@@ -0,0 +1 @@
+import{useState as a,useCallback as m,useEffect as D}from"react";function k({url:l,filename:s,autoDownload:c=!0,headers:d={}}){const[t,u]=a(!1),[n,i]=a(!1),[b,w]=a(null),r=m(async()=>{try{i(!0),w(null);const o=await fetch(l,{headers:d});if(!o.ok)throw new Error(`Download failed: ${o.status}`);const h=await o.blob(),f=window.URL.createObjectURL(h),e=document.createElement("a");e.href=f,e.download=s,document.body.appendChild(e),e.click(),document.body.removeChild(e),window.URL.revokeObjectURL(f),u(!0)}catch(o){w(o instanceof Error?o:new Error("Download failed"))}finally{i(!1)}},[l,s,d]);return D(()=>{c&&!t&&!n&&r().catch(()=>{})},[c,t,n,r]),{downloadStarted:t,isDownloading:n,error:b,triggerDownload:r}}export{k as default,k as useAssetDownload};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "0.15.2",
+  "version": "0.16.0",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",
@@ -38,6 +38,7 @@
     "@react-aria/interactions": "^3.21.1",
     "@react-stately/utils": "^3.9.1",
     "clsx": "2.1.1",
+    "jwt-decode": "^4.0.0",
     "tailwind-merge": "2.5.2",
     "next": "^14.2.3",
     "react-number-format": "^5.4.0"

package/utils/asset-url.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Asset URL utility for generating authenticated asset download URLs.
+ *
+ * URL patterns:
+ *   /media/assets/{uuid} - latest version
+ *   /media/assets/{uuid}?v={version} - specific version
+ *   /media/assets/{uuid}/{filename} - with filename for SEO/clarity
+ *   /media/assets/{uuid}/{filename}?v={version} - specific version with filename
+ *
+ * Query params:
+ *   - v={version}: Request specific version number
+ *   - download: Force download (attachment) instead of inline display
+ *   - token={jwt}: JWT token for authenticated access (for SSE, direct links, etc.)
+ */
+export interface AssetUrlOptions {
+    /** Specific version number to request */
+    version?: number;
+    /** Filename to include in URL (for SEO/clarity, must match actual filename) */
+    filename?: string;
+    /** Force download (attachment) instead of inline display */
+    download?: boolean;
+    /** JWT token for authenticated access (for direct links, emails, etc.) */
+    token?: string;
+}
+/**
+ * Generate an asset download URL.
+ *
+ * @param uuid - Asset UUID
+ * @param options - Optional URL configuration
+ * @returns Asset download URL
+ *
+ * @example
+ * // Basic usage - latest version
+ * getAssetUrl('550e8400-e29b-41d4-a716-446655440000')
+ * // => '/media/assets/550e8400-e29b-41d4-a716-446655440000'
+ *
+ * @example
+ * // With specific version
+ * getAssetUrl('550e8400-e29b-41d4-a716-446655440000', { version: 2 })
+ * // => '/media/assets/550e8400-e29b-41d4-a716-446655440000?v=2'
+ *
+ * @example
+ * // With filename and download flag
+ * getAssetUrl('550e8400-e29b-41d4-a716-446655440000', {
+ *   filename: 'company-logo.png',
+ *   download: true
+ * })
+ * // => '/media/assets/550e8400-e29b-41d4-a716-446655440000/company-logo.png?download'
+ *
+ * @example
+ * // With JWT token for authenticated direct link
+ * getAssetUrl('550e8400-e29b-41d4-a716-446655440000', { token: 'eyJ...' })
+ * // => '/media/assets/550e8400-e29b-41d4-a716-446655440000?token=eyJ...'
+ */
+export declare function getAssetUrl(uuid: string, options?: AssetUrlOptions): string;
+/**
+ * Generate an absolute asset download URL with origin.
+ *
+ * @param uuid - Asset UUID
+ * @param origin - Base URL origin (e.g., 'https://example.com')
+ * @param options - Optional URL configuration
+ * @returns Absolute asset download URL
+ *
+ * @example
+ * getAbsoluteAssetUrl('550e8400-e29b-41d4-a716-446655440000', 'https://clicktap.com')
+ * // => 'https://clicktap.com/media/assets/550e8400-e29b-41d4-a716-446655440000'
+ */
+export declare function getAbsoluteAssetUrl(uuid: string, origin: string, options?: AssetUrlOptions): string;
+export default getAssetUrl;

package/utils/asset-url.js

@@ -0,0 +1 @@
+function d(o,s={}){const{version:e,filename:t,download:c,token:a}=s;let r=`/media/assets/${encodeURIComponent(o)}`;t&&(r+=`/${encodeURIComponent(t)}`);const n=new URLSearchParams;e!==void 0&&n.set("v",String(e)),c&&n.set("download",""),a&&n.set("token",a);const i=n.toString();return i?`${r}?${i}`:r}function l(o,s,e={}){const t=d(o,e);return`${s.replace(/\/$/,"")}${t}`}export{d as default,l as getAbsoluteAssetUrl,d as getAssetUrl};