@music-vine/cadence 2.2.1 → 2.3.0

package/dist/components/badge.js

@@ -27,7 +27,7 @@ const badgeVariants = cva(
       size: {
         default: "h-8 px-4 py-2 leading-8",
         xs: "h-5 gap-1.5 px-2 text-xs leading-5",
-        sm: "h-6 px-2.5 text-xs leading-6 2xl:text-sm",
+        sm: "h-6 px-2.5 leading-6 text-sm",
         lg: "h-10 gap-4 px-8 text-lg leading-10",
         icon: "h-8 w-8 leading-8"
       },

package/dist/components/badge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/badge.tsx"],
-  "sourcesContent": ["/**\n * @module Badge\n *\n * Small status indicators and labels for highlighting information.\n * Supports multiple color variants and sizes for different contexts.\n *\n * @see {@link https://ui.shadcn.com/docs/components/badge Shadcn Badge}\n *\n * @example\n * // Basic badge\n * <Badge>New</Badge>\n *\n * @example\n * // Badge variants\n * <Badge variant=\"brand\">Premium</Badge>\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"error\">Expired</Badge>\n *\n * @example\n * // As a child element (e.g., wrapping a link)\n * <Badge asChild variant=\"outline\">\n *   <a href=\"/pricing\">View Plans</a>\n * </Badge>\n */\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\n/**\n * CVA variants for Badge styling.\n * Includes color variants matching Button component for consistency.\n */\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 dark:focus-visible:ring-gray-300\",\n  {\n    variants: {\n      variant: {\n        // Matching button variants (without hover/disabled states)\n        subtle:\n          \"border-1 border-gray-150 border-solid bg-white text-gray-950 dark:border-gray-800 dark:bg-gray-950 dark:text-white\",\n        brand: \"border-1 border-brand-primary border-solid bg-brand-primary text-white\",\n        brandSecondary:\n          \"border-1 border-brand-secondary border-solid bg-brand-secondary text-brand-primary-hover dark:border-gray-900 dark:bg-gray-900 dark:text-white\",\n        bold: \"border-gray-950 bg-gray-950 text-white dark:border-white  dark:bg-white dark:text-gray-950\",\n        light:\n          \"border-gray-150 bg-gray-100 text-gray-950 dark:border-gray-800 dark:bg-gray-800 dark:text-white\",\n        transparent:\n          \"border-transparent bg-transparent text-gray-950 dark:text-white\",\n        contrast: \"border-white bg-white text-gray-950\",\n        success:\n          \"border-green-600 bg-green-600 text-white dark:border-green-500 dark:bg-green-500\",\n        error:\n          \"border-red-600 bg-red-600 text-white dark:border-red-500 dark:bg-red-500\",\n        primary:\n          \"border-gray-900 bg-gray-900 text-white dark:border-gray-50 dark:bg-gray-50 dark:text-gray-950\",\n        secondary:\n          \"border-gray-150 bg-gray-100 text-gray-950 dark:border-gray-800 dark:bg-gray-800 dark:text-white\",\n        destructive: \"border-red bg-red text-white\",\n        white: \"border-gray-200 bg-white text-brand-primary\",\n        brandLight: \"border-brand-secondary bg-brand-secondary text-brand-primary-hover\",\n        outline:\n          \"border border-gray-200 border-solid bg-transparent text-gray-800 focus-visible:ring-gray-500 dark:border-gray-800 dark:bg-transparent dark:text-white dark:focus-visible:ring-gray-400\",\n      },\n      size: {\n        default: \"h-8 px-4 py-2 leading-8\",\n        xs: \"h-5 gap-1.5 px-2 text-xs leading-5\",\n        sm: \"h-6 px-2.5 text-xs leading-6 2xl:text-sm\",\n        lg: \"h-10 gap-4 px-8 text-lg leading-10\",\n        icon: \"h-8 w-8 leading-8\",\n      },\n      shadow: {\n        true: \"shadow\",\n        false: \"\",\n      },\n      strong: {\n        true: \"font-semibold\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"bold\",\n      size: \"default\",\n      shadow: false,\n      strong: false,\n    },\n  }\n);\n\n/**\n * Props for the Badge component.\n *\n * @property variant - Color scheme: `brand`, `brandSecondary`, `success`, `error`, `subtle`, `bold`, etc.\n * @property size - Size variant: `xs`, `sm`, `default`, `lg`, `icon`\n * @property shadow - Add drop shadow when true\n * @property strong - Use semibold font weight when true\n * @property asChild - Render as child element (uses Radix Slot)\n * @property ref - Ref to the underlying div element\n */\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Displays a small label or status indicator.\n *\n * Common use cases:\n * - Subscription status (Free, Premium)\n * - Item counts\n * - Status indicators (New, Sale, Popular)\n * - Tags and categories\n */\nconst Badge = ({\n  className,\n  variant,\n  size,\n  shadow,\n  strong,\n  asChild = false,\n  ref,\n  ...props\n}: BadgeProps) => {\n  const Comp = asChild ? SlotPrimitive.Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        badgeVariants({ variant, size, shadow, strong }),\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n\nexport { Badge, badgeVariants };\n"],
+  "sourcesContent": ["/**\n * @module Badge\n *\n * Small status indicators and labels for highlighting information.\n * Supports multiple color variants and sizes for different contexts.\n *\n * @see {@link https://ui.shadcn.com/docs/components/badge Shadcn Badge}\n *\n * @example\n * // Basic badge\n * <Badge>New</Badge>\n *\n * @example\n * // Badge variants\n * <Badge variant=\"brand\">Premium</Badge>\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"error\">Expired</Badge>\n *\n * @example\n * // As a child element (e.g., wrapping a link)\n * <Badge asChild variant=\"outline\">\n *   <a href=\"/pricing\">View Plans</a>\n * </Badge>\n */\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot as SlotPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../lib/utils\";\n\n/**\n * CVA variants for Badge styling.\n * Includes color variants matching Button component for consistency.\n */\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-full border transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 dark:focus-visible:ring-gray-300\",\n  {\n    variants: {\n      variant: {\n        // Matching button variants (without hover/disabled states)\n        subtle:\n          \"border-1 border-gray-150 border-solid bg-white text-gray-950 dark:border-gray-800 dark:bg-gray-950 dark:text-white\",\n        brand: \"border-1 border-brand-primary border-solid bg-brand-primary text-white\",\n        brandSecondary:\n          \"border-1 border-brand-secondary border-solid bg-brand-secondary text-brand-primary-hover dark:border-gray-900 dark:bg-gray-900 dark:text-white\",\n        bold: \"border-gray-950 bg-gray-950 text-white dark:border-white  dark:bg-white dark:text-gray-950\",\n        light:\n          \"border-gray-150 bg-gray-100 text-gray-950 dark:border-gray-800 dark:bg-gray-800 dark:text-white\",\n        transparent:\n          \"border-transparent bg-transparent text-gray-950 dark:text-white\",\n        contrast: \"border-white bg-white text-gray-950\",\n        success:\n          \"border-green-600 bg-green-600 text-white dark:border-green-500 dark:bg-green-500\",\n        error:\n          \"border-red-600 bg-red-600 text-white dark:border-red-500 dark:bg-red-500\",\n        primary:\n          \"border-gray-900 bg-gray-900 text-white dark:border-gray-50 dark:bg-gray-50 dark:text-gray-950\",\n        secondary:\n          \"border-gray-150 bg-gray-100 text-gray-950 dark:border-gray-800 dark:bg-gray-800 dark:text-white\",\n        destructive: \"border-red bg-red text-white\",\n        white: \"border-gray-200 bg-white text-brand-primary\",\n        brandLight: \"border-brand-secondary bg-brand-secondary text-brand-primary-hover\",\n        outline:\n          \"border border-gray-200 border-solid bg-transparent text-gray-800 focus-visible:ring-gray-500 dark:border-gray-800 dark:bg-transparent dark:text-white dark:focus-visible:ring-gray-400\",\n      },\n      size: {\n        default: \"h-8 px-4 py-2 leading-8\",\n        xs: \"h-5 gap-1.5 px-2 text-xs leading-5\",\n        sm: \"h-6 px-2.5 leading-6 text-sm\",\n        lg: \"h-10 gap-4 px-8 text-lg leading-10\",\n        icon: \"h-8 w-8 leading-8\",\n      },\n      shadow: {\n        true: \"shadow\",\n        false: \"\",\n      },\n      strong: {\n        true: \"font-semibold\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"bold\",\n      size: \"default\",\n      shadow: false,\n      strong: false,\n    },\n  }\n);\n\n/**\n * Props for the Badge component.\n *\n * @property variant - Color scheme: `brand`, `brandSecondary`, `success`, `error`, `subtle`, `bold`, etc.\n * @property size - Size variant: `xs`, `sm`, `default`, `lg`, `icon`\n * @property shadow - Add drop shadow when true\n * @property strong - Use semibold font weight when true\n * @property asChild - Render as child element (uses Radix Slot)\n * @property ref - Ref to the underlying div element\n */\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {\n  asChild?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Displays a small label or status indicator.\n *\n * Common use cases:\n * - Subscription status (Free, Premium)\n * - Item counts\n * - Status indicators (New, Sale, Popular)\n * - Tags and categories\n */\nconst Badge = ({\n  className,\n  variant,\n  size,\n  shadow,\n  strong,\n  asChild = false,\n  ref,\n  ...props\n}: BadgeProps) => {\n  const Comp = asChild ? SlotPrimitive.Slot : \"div\";\n\n  return (\n    <Comp\n      className={cn(\n        badgeVariants({ variant, size, shadow, strong }),\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n\nexport { Badge, badgeVariants };\n"],
   "mappings": "AAiII;AAzGJ,SAAS,WAA8B;AACvC,SAAS,QAAQ,qBAAqB;AAGtC,SAAS,UAAU;AAMnB,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA,QAEP,QACE;AAAA,QACF,OAAO;AAAA,QACP,gBACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,QACF,aACE;AAAA,QACF,UAAU;AAAA,QACV,SACE;AAAA,QACF,OACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,aAAa;AAAA,QACb,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,SACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AA4BA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,cAAc,EAAE,SAAS,MAAM,QAAQ,OAAO,CAAC;AAAA,QAC/C;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;",
   "names": []
 }

package/dist/components/toast.js

@@ -105,7 +105,7 @@ const GlobalToast = (props) => {
     "div",
     {
       className: cn(
-        "flex max-h-24 min-h-16 w-80 md:w-[360px] items-center gap-2 rounded-lg border-1 border-gray-150 border-solid bg-white px-4 py-3 text-black shadow-md dark:border-gray-800 dark:bg-black dark:text-white",
+        "flex max-h-24 min-h-16 w-full xs:w-80 md:w-[360px] items-center gap-2 rounded-lg border-1 border-gray-150 border-solid bg-white px-4 py-3 text-black shadow-md dark:border-gray-800 dark:bg-black dark:text-white",
         "relative overflow-hidden"
       ),
       children: [
@@ -143,7 +143,7 @@ const createGlobalToast = (variant, options) => {
         variant
       }
     ),
-    { id: customId, toasterId: GLOBAL_TOASTER_ID, ...rest }
+    { ...customId !== void 0 && { id: customId }, toasterId: GLOBAL_TOASTER_ID, ...rest }
   );
   return customId !== void 0 ? customId : toastId;
 };

package/dist/components/toast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/toast.tsx"],
-  "sourcesContent": ["/**\n * @module Toast\n *\n * Toast notification system built on Sonner. Provides success, error, info, and warning variants.\n *\n * @see {@link https://ui.shadcn.com/docs/components/sonner Shadcn Sonner}\n * @see {@link https://sonner.emilkowal.ski/ Sonner Documentation}\n *\n * @example\n * // Setup: Add Toaster to your app root\n * <Toaster />\n *\n * @example\n * // Show toast notifications\n * toast(\"Default message\");\n * toast.success(\"Operation completed\");\n * toast.error(\"Something went wrong\");\n * toast.info(\"Information\");\n * toast.warning(\"Warning message\");\n *\n * @example\n * // With action button\n * toast({\n *   title: \"Item deleted\",\n *   action: {\n *     label: \"Undo\",\n *     onClick: () => undoDelete(),\n *   },\n * });\n *\n * @example\n * // Promise toast\n * const id = toast.promise(promise, {\n        loading: { title: \"Saving document...\" },\n        success: (data) => ({\n          title: `${data.name} saved successfully!`,\n          duration: 10_000,\n        }),\n\n        error: { title: \"Failed to save document\", duration: 10_000 },\n      });\n */\nimport { cva } from \"class-variance-authority\";\nimport type React from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  type ExternalToast,\n  Toaster as SonnerToaster,\n  toast as sonnerToast,\n} from \"sonner\";\nimport { Button, type ButtonProps, cn } from \"..\";\nimport { Check, CircleX, InfoIcon, Loader, TriangleAlert, X } from \"../icons\";\n\ntype ToasterProps = React.ComponentProps<typeof SonnerToaster>;\ntype ToastVariant = \"error\" | \"info\" | \"loading\" | \"success\" | \"warning\";\n\nconst GLOBAL_TOASTER_ID = \"global\";\n\ntype GlobalToastAction = {\n  label: string;\n  onClick: () => void;\n};\n\ntype GlobalToastProps = {\n  id: string | number;\n  title?: string;\n  description?: string;\n  variant: ToastVariant;\n  action?: GlobalToastAction;\n};\n\nexport interface GlobalToastOptions extends ExternalToast {\n  title?: string;\n  description?: string;\n  action?: GlobalToastAction;\n}\n\nconst GlobalToastTitle = ({\n  className,\n  children,\n}: {\n  className?: string;\n  children: ReactNode;\n}) => {\n  if (!children) {\n    return;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"line-clamp-1 font-semibold text-black text-sm dark:text-white w-[90%]\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst GlobalToastDescription = ({ children }: { children: ReactNode }) => {\n  if (!children) {\n    return;\n  }\n\n  return (\n    <div className=\"line-clamp-2 font-normal text-gray-700 text-sm dark:text-gray-200 \">\n      {children}\n    </div>\n  );\n};\n\nconst globalToastIconVariants = cva(\n  \"size-7 flex-shrink-0 rounded-full flex items-center justify-center [&_svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        error:\n          \"bg-red-50 dark:bg-red-950 [&_svg]:text-red-500 [&_svg]:dark:text-red-400\",\n        info: \"bg-gray-100 dark:bg-gray-800 [&_svg]:text-gray-700 [&_svg]:dark:text-gray-200\",\n        loading:\n          \"bg-gray-100 dark:bg-gray-800 [&_svg]:text-gray-700 [&_svg]:dark:text-gray-200\",\n        success:\n          \"bg-green-50 dark:bg-green-950 [&_svg]:text-green-500 [&_svg]:dark:text-green-400\",\n        warning:\n          \"bg-yellow-50 dark:bg-yellow-950 [&_svg]:text-yellow-500 [&_svg]:dark:text-yellow-400\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  }\n);\n\nconst GlobalToastIcon = ({ variant }: { variant: ToastVariant }) => {\n  if (variant === \"error\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <CircleX />\n      </span>\n    );\n  }\n\n  if (variant === \"info\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <InfoIcon />\n      </span>\n    );\n  }\n\n  if (variant === \"loading\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <Loader\n          className=\"animate-spin\"\n          style={{ animationDuration: \"1.5s\" }}\n        />\n      </span>\n    );\n  }\n\n  if (variant === \"success\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <Check />\n      </span>\n    );\n  }\n\n  if (variant === \"warning\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <TriangleAlert className=\"pb-[1px]\" />\n      </span>\n    );\n  }\n};\n\nconst globalToastLeftBorderVariants = cva(\"absolute top-0 left-0 h-full w-1\", {\n  variants: {\n    variant: {\n      error: \"bg-red-500 dark:bg-red-400\",\n      info: \"bg-gray-700 dark:bg-gray-200\",\n      loading: \"bg-gray-700 dark:bg-gray-200\",\n      success: \"bg-green-500 dark:bg-green-400\",\n      warning: \"bg-yellow-500 dark:bg-yellow-400\",\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n});\n\nconst GlobalToastLeftBorder = ({ variant }: { variant: ToastVariant }) => (\n  <div className={cn(globalToastLeftBorderVariants({ variant }))} />\n);\n\nconst GlobalToastDismissButton = ({\n  toastId,\n}: {\n  toastId: number | string;\n}) => (\n  <Button\n    className=\"absolute top-1 right-1\"\n    onClick={() => sonnerToast.dismiss(toastId)}\n    size=\"icon\"\n    variant=\"subtle\"\n  >\n    <X className=\"size-5\" />\n  </Button>\n);\n\nconst GlobalToastActionButton = ({ onClick, ...props }: ButtonProps) => (\n  <Button onClick={onClick} size=\"sm\" variant=\"light\" {...props} />\n);\n\nexport const GlobalToast = (props: GlobalToastProps) => {\n  const { id, title, description, variant, action } = props;\n\n  return (\n    <div\n      className={cn(\n        \"flex max-h-24 min-h-16 w-80 md:w-[360px] items-center gap-2 rounded-lg border-1 border-gray-150 border-solid bg-white px-4 py-3 text-black shadow-md dark:border-gray-800 dark:bg-black dark:text-white\",\n        \"relative overflow-hidden\"\n      )}\n      key={id}\n    >\n      <GlobalToastLeftBorder variant={variant} />\n      <GlobalToastIcon variant={variant} />\n      <div className=\"flex w-full flex-col gap-0.5\">\n        <GlobalToastTitle className={action ? \"w-full\" : \"w-[90%]\"}>\n          {title}\n        </GlobalToastTitle>\n        <GlobalToastDescription>{description}</GlobalToastDescription>\n      </div>\n\n      {action ? (\n        <GlobalToastActionButton onClick={action.onClick}>\n          {action.label}\n        </GlobalToastActionButton>\n      ) : (\n        <GlobalToastDismissButton toastId={id} />\n      )}\n    </div>\n  );\n};\n\n/**\n * Toast container component. Place once at app root.\n * Positioned bottom-right by default, shows up to 4 toasts.\n */\nconst Toaster: React.FC<ToasterProps> = ({ toastOptions, ...props }) => (\n  <SonnerToaster\n    id={GLOBAL_TOASTER_ID}\n    position=\"bottom-right\"\n    visibleToasts={4}\n    {...props}\n  />\n);\n\nconst createGlobalToast = (\n  variant: ToastVariant,\n  options?: GlobalToastOptions\n) => {\n  const { action, description, title, id: customId, ...rest } = options || {};\n\n  const toastId = sonnerToast.custom(\n    (id) => (\n      <GlobalToast\n        action={action}\n        description={description}\n        id={customId || id}\n        title={title}\n        variant={variant}\n      />\n    ),\n    { id: customId, toasterId: GLOBAL_TOASTER_ID, ...rest }\n  );\n\n  // Return the custom ID if provided, otherwise return Sonner's generated ID\n  return customId !== undefined ? customId : toastId;\n};\n\n// Helper method to normalize toast arguments\nconst normalizeToastArgs = (\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n): GlobalToastOptions | undefined => {\n  if (typeof messageOrOptions === \"string\") {\n    return { ...options, title: messageOrOptions };\n  }\n\n  return messageOrOptions;\n};\n\ntype PromiseToastOptions<T> = {\n  loading: GlobalToastOptions;\n  success: GlobalToastOptions | ((data: T) => GlobalToastOptions);\n  error: GlobalToastOptions | ((error: unknown) => GlobalToastOptions);\n};\n\ntype ToastFunction = {\n  (message: string, options?: GlobalToastOptions): string | number;\n  (options: GlobalToastOptions): string | number;\n  success: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  error: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  info: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  warning: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  loading: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  message: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  custom: typeof sonnerToast.custom;\n  promise: <T>(\n    promise: Promise<T> | (() => Promise<T>),\n    options: PromiseToastOptions<T>\n  ) => Promise<T>;\n  dismiss: typeof sonnerToast.dismiss;\n  getHistory: typeof sonnerToast.getHistory;\n  getToasts: typeof sonnerToast.getToasts;\n};\n\nconst toast: ToastFunction = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"info\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction;\n\ntoast.success = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"success\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"success\"];\n\ntoast.error = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"error\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"error\"];\n\ntoast.info = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"info\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"info\"];\n\ntoast.warning = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"warning\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"warning\"];\n\ntoast.loading = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"loading\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"loading\"];\n\ntoast.message = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"info\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"message\"];\n\ntoast.promise = <T,>(\n  promiseOrFn: Promise<T> | (() => Promise<T>),\n  states: PromiseToastOptions<T>\n): Promise<T> => {\n  const toastId = createGlobalToast(\"loading\", states.loading);\n  const promise =\n    typeof promiseOrFn === \"function\" ? promiseOrFn() : promiseOrFn;\n\n  promise\n    .then((data) => {\n      const successToastOptions =\n        typeof states.success === \"function\"\n          ? states.success(data)\n          : states.success;\n\n      const { title, description, action, ...rest } = successToastOptions || {};\n\n      sonnerToast.custom(\n        (id) => (\n          <GlobalToast\n            action={action}\n            description={description}\n            id={id}\n            title={title}\n            variant=\"success\"\n          />\n        ),\n        { id: toastId, toasterId: GLOBAL_TOASTER_ID, ...rest }\n      );\n    })\n    .catch((error) => {\n      const errorToastOptions =\n        typeof states.error === \"function\" ? states.error(error) : states.error;\n\n      const { title, description, action, ...rest } = errorToastOptions || {};\n\n      sonnerToast.custom(\n        (id) => (\n          <GlobalToast\n            action={action}\n            description={description}\n            id={id}\n            title={title}\n            variant=\"error\"\n          />\n        ),\n        { id: toastId, toasterId: GLOBAL_TOASTER_ID, ...rest }\n      );\n    });\n\n  return promise;\n};\n\ntoast.custom = sonnerToast.custom;\ntoast.dismiss = sonnerToast.dismiss;\ntoast.getHistory = sonnerToast.getHistory;\ntoast.getToasts = sonnerToast.getToasts;\n\nexport { Toaster, toast, type ToasterProps };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * @module Toast\n *\n * Toast notification system built on Sonner. Provides success, error, info, and warning variants.\n *\n * @see {@link https://ui.shadcn.com/docs/components/sonner Shadcn Sonner}\n * @see {@link https://sonner.emilkowal.ski/ Sonner Documentation}\n *\n * @example\n * // Setup: Add Toaster to your app root\n * <Toaster />\n *\n * @example\n * // Show toast notifications\n * toast(\"Default message\");\n * toast.success(\"Operation completed\");\n * toast.error(\"Something went wrong\");\n * toast.info(\"Information\");\n * toast.warning(\"Warning message\");\n *\n * @example\n * // With action button\n * toast({\n *   title: \"Item deleted\",\n *   action: {\n *     label: \"Undo\",\n *     onClick: () => undoDelete(),\n *   },\n * });\n *\n * @example\n * // Promise toast\n * const id = toast.promise(promise, {\n        loading: { title: \"Saving document...\" },\n        success: (data) => ({\n          title: `${data.name} saved successfully!`,\n          duration: 10_000,\n        }),\n\n        error: { title: \"Failed to save document\", duration: 10_000 },\n      });\n */\nimport { cva } from \"class-variance-authority\";\nimport type React from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  type ExternalToast,\n  Toaster as SonnerToaster,\n  toast as sonnerToast,\n} from \"sonner\";\nimport { Button, type ButtonProps, cn } from \"..\";\nimport { Check, CircleX, InfoIcon, Loader, TriangleAlert, X } from \"../icons\";\n\ntype ToasterProps = React.ComponentProps<typeof SonnerToaster>;\ntype ToastVariant = \"error\" | \"info\" | \"loading\" | \"success\" | \"warning\";\n\nconst GLOBAL_TOASTER_ID = \"global\";\n\ntype GlobalToastAction = {\n  label: string;\n  onClick: () => void;\n};\n\ntype GlobalToastProps = {\n  id: string | number;\n  title?: string;\n  description?: string;\n  variant: ToastVariant;\n  action?: GlobalToastAction;\n};\n\nexport interface GlobalToastOptions extends ExternalToast {\n  title?: string;\n  description?: string;\n  action?: GlobalToastAction;\n}\n\nconst GlobalToastTitle = ({\n  className,\n  children,\n}: {\n  className?: string;\n  children: ReactNode;\n}) => {\n  if (!children) {\n    return;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"line-clamp-1 font-semibold text-black text-sm dark:text-white w-[90%]\",\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst GlobalToastDescription = ({ children }: { children: ReactNode }) => {\n  if (!children) {\n    return;\n  }\n\n  return (\n    <div className=\"line-clamp-2 font-normal text-gray-700 text-sm dark:text-gray-200 \">\n      {children}\n    </div>\n  );\n};\n\nconst globalToastIconVariants = cva(\n  \"size-7 flex-shrink-0 rounded-full flex items-center justify-center [&_svg]:size-4\",\n  {\n    variants: {\n      variant: {\n        error:\n          \"bg-red-50 dark:bg-red-950 [&_svg]:text-red-500 [&_svg]:dark:text-red-400\",\n        info: \"bg-gray-100 dark:bg-gray-800 [&_svg]:text-gray-700 [&_svg]:dark:text-gray-200\",\n        loading:\n          \"bg-gray-100 dark:bg-gray-800 [&_svg]:text-gray-700 [&_svg]:dark:text-gray-200\",\n        success:\n          \"bg-green-50 dark:bg-green-950 [&_svg]:text-green-500 [&_svg]:dark:text-green-400\",\n        warning:\n          \"bg-yellow-50 dark:bg-yellow-950 [&_svg]:text-yellow-500 [&_svg]:dark:text-yellow-400\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  }\n);\n\nconst GlobalToastIcon = ({ variant }: { variant: ToastVariant }) => {\n  if (variant === \"error\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <CircleX />\n      </span>\n    );\n  }\n\n  if (variant === \"info\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <InfoIcon />\n      </span>\n    );\n  }\n\n  if (variant === \"loading\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <Loader\n          className=\"animate-spin\"\n          style={{ animationDuration: \"1.5s\" }}\n        />\n      </span>\n    );\n  }\n\n  if (variant === \"success\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <Check />\n      </span>\n    );\n  }\n\n  if (variant === \"warning\") {\n    return (\n      <span className={cn(globalToastIconVariants({ variant }))}>\n        <TriangleAlert className=\"pb-[1px]\" />\n      </span>\n    );\n  }\n};\n\nconst globalToastLeftBorderVariants = cva(\"absolute top-0 left-0 h-full w-1\", {\n  variants: {\n    variant: {\n      error: \"bg-red-500 dark:bg-red-400\",\n      info: \"bg-gray-700 dark:bg-gray-200\",\n      loading: \"bg-gray-700 dark:bg-gray-200\",\n      success: \"bg-green-500 dark:bg-green-400\",\n      warning: \"bg-yellow-500 dark:bg-yellow-400\",\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n});\n\nconst GlobalToastLeftBorder = ({ variant }: { variant: ToastVariant }) => (\n  <div className={cn(globalToastLeftBorderVariants({ variant }))} />\n);\n\nconst GlobalToastDismissButton = ({\n  toastId,\n}: {\n  toastId: number | string;\n}) => (\n  <Button\n    className=\"absolute top-1 right-1\"\n    onClick={() => sonnerToast.dismiss(toastId)}\n    size=\"icon\"\n    variant=\"subtle\"\n  >\n    <X className=\"size-5\" />\n  </Button>\n);\n\nconst GlobalToastActionButton = ({ onClick, ...props }: ButtonProps) => (\n  <Button onClick={onClick} size=\"sm\" variant=\"light\" {...props} />\n);\n\nexport const GlobalToast = (props: GlobalToastProps) => {\n  const { id, title, description, variant, action } = props;\n\n  return (\n    <div\n      className={cn(\n        \"flex max-h-24 min-h-16 w-full xs:w-80 md:w-[360px] items-center gap-2 rounded-lg border-1 border-gray-150 border-solid bg-white px-4 py-3 text-black shadow-md dark:border-gray-800 dark:bg-black dark:text-white\",\n        \"relative overflow-hidden\"\n      )}\n      key={id}\n    >\n      <GlobalToastLeftBorder variant={variant} />\n      <GlobalToastIcon variant={variant} />\n      <div className=\"flex w-full flex-col gap-0.5\">\n        <GlobalToastTitle className={action ? \"w-full\" : \"w-[90%]\"}>\n          {title}\n        </GlobalToastTitle>\n        <GlobalToastDescription>{description}</GlobalToastDescription>\n      </div>\n\n      {action ? (\n        <GlobalToastActionButton onClick={action.onClick}>\n          {action.label}\n        </GlobalToastActionButton>\n      ) : (\n        <GlobalToastDismissButton toastId={id} />\n      )}\n    </div>\n  );\n};\n\n/**\n * Toast container component. Place once at app root.\n * Positioned bottom-right by default, shows up to 4 toasts.\n */\nconst Toaster: React.FC<ToasterProps> = ({ toastOptions, ...props }) => (\n  <SonnerToaster\n    id={GLOBAL_TOASTER_ID}\n    position=\"bottom-right\"\n    visibleToasts={4}\n    {...props}\n  />\n);\n\nconst createGlobalToast = (\n  variant: ToastVariant,\n  options?: GlobalToastOptions\n) => {\n  const { action, description, title, id: customId, ...rest } = options || {};\n\n  const toastId = sonnerToast.custom(\n    (id) => (\n      <GlobalToast\n        action={action}\n        description={description}\n        id={customId || id}\n        title={title}\n        variant={variant}\n      />\n    ),\n    { ...(customId !== undefined && { id: customId }), toasterId: GLOBAL_TOASTER_ID, ...rest }\n  );\n\n  // Return the custom ID if provided, otherwise return Sonner's generated ID\n  return customId !== undefined ? customId : toastId;\n};\n\n// Helper method to normalize toast arguments\nconst normalizeToastArgs = (\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n): GlobalToastOptions | undefined => {\n  if (typeof messageOrOptions === \"string\") {\n    return { ...options, title: messageOrOptions };\n  }\n\n  return messageOrOptions;\n};\n\ntype PromiseToastOptions<T> = {\n  loading: GlobalToastOptions;\n  success: GlobalToastOptions | ((data: T) => GlobalToastOptions);\n  error: GlobalToastOptions | ((error: unknown) => GlobalToastOptions);\n};\n\ntype ToastFunction = {\n  (message: string, options?: GlobalToastOptions): string | number;\n  (options: GlobalToastOptions): string | number;\n  success: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  error: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  info: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  warning: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  loading: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  message: {\n    (message: string, options?: GlobalToastOptions): string | number;\n    (options: GlobalToastOptions): string | number;\n  };\n  custom: typeof sonnerToast.custom;\n  promise: <T>(\n    promise: Promise<T> | (() => Promise<T>),\n    options: PromiseToastOptions<T>\n  ) => Promise<T>;\n  dismiss: typeof sonnerToast.dismiss;\n  getHistory: typeof sonnerToast.getHistory;\n  getToasts: typeof sonnerToast.getToasts;\n};\n\nconst toast: ToastFunction = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"info\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction;\n\ntoast.success = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"success\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"success\"];\n\ntoast.error = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"error\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"error\"];\n\ntoast.info = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"info\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"info\"];\n\ntoast.warning = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"warning\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"warning\"];\n\ntoast.loading = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"loading\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"loading\"];\n\ntoast.message = ((\n  messageOrOptions?: GlobalToastOptions | string,\n  options?: GlobalToastOptions\n) =>\n  createGlobalToast(\"info\", normalizeToastArgs(messageOrOptions, options))) as ToastFunction[\"message\"];\n\ntoast.promise = <T,>(\n  promiseOrFn: Promise<T> | (() => Promise<T>),\n  states: PromiseToastOptions<T>\n): Promise<T> => {\n  const toastId = createGlobalToast(\"loading\", states.loading);\n  const promise =\n    typeof promiseOrFn === \"function\" ? promiseOrFn() : promiseOrFn;\n\n  promise\n    .then((data) => {\n      const successToastOptions =\n        typeof states.success === \"function\"\n          ? states.success(data)\n          : states.success;\n\n      const { title, description, action, ...rest } = successToastOptions || {};\n\n      sonnerToast.custom(\n        (id) => (\n          <GlobalToast\n            action={action}\n            description={description}\n            id={id}\n            title={title}\n            variant=\"success\"\n          />\n        ),\n        { id: toastId, toasterId: GLOBAL_TOASTER_ID, ...rest }\n      );\n    })\n    .catch((error) => {\n      const errorToastOptions =\n        typeof states.error === \"function\" ? states.error(error) : states.error;\n\n      const { title, description, action, ...rest } = errorToastOptions || {};\n\n      sonnerToast.custom(\n        (id) => (\n          <GlobalToast\n            action={action}\n            description={description}\n            id={id}\n            title={title}\n            variant=\"error\"\n          />\n        ),\n        { id: toastId, toasterId: GLOBAL_TOASTER_ID, ...rest }\n      );\n    });\n\n  return promise;\n};\n\ntoast.custom = sonnerToast.custom;\ntoast.dismiss = sonnerToast.dismiss;\ntoast.getHistory = sonnerToast.getHistory;\ntoast.getToasts = sonnerToast.getToasts;\n\nexport { Toaster, toast, type ToasterProps };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/icons/custom/horizontal-orientation.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../..";
+const HorizontalOrientation = ({
+  className
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200",
+      className
+    ),
+    fill: "none",
+    height: "10",
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12.665 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V7.33167C0.665039 8.06805 1.26199 8.665 1.99837 8.665H12.665C13.4014 8.665 13.9984 8.06805 13.9984 7.33167V1.99833C13.9984 1.26195 13.4014 0.665001 12.665 0.665001Z",
+        fill: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "1.33"
+      }
+    )
+  }
+);
+export {
+  HorizontalOrientation
+};
+//# sourceMappingURL=horizontal-orientation.js.map

package/dist/icons/custom/horizontal-orientation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/custom/horizontal-orientation.tsx"],
+  "sourcesContent": ["import { cn } from \"../..\";\n\nexport const HorizontalOrientation = ({\n  className,\n}: {\n  className?: string;\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      \"text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200\",\n      className\n    )}\n    fill=\"none\"\n    height=\"10\"\n    viewBox=\"0 0 15 10\"\n    width=\"15\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12.665 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V7.33167C0.665039 8.06805 1.26199 8.665 1.99837 8.665H12.665C13.4014 8.665 13.9984 8.06805 13.9984 7.33167V1.99833C13.9984 1.26195 13.4014 0.665001 12.665 0.665001Z\"\n      fill=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      stroke-width=\"1.33\"\n    />\n  </svg>\n);\n"],
+  "mappings": "AAmBI;AAnBJ,SAAS,UAAU;AAEZ,MAAM,wBAAwB,CAAC;AAAA,EACpC;AACF,MAGE;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,mBAAgB;AAAA,QAChB,gBAAa;AAAA;AAAA,IACf;AAAA;AACF;",
+  "names": []
+}

package/dist/icons/custom/square-aspect-ratio.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../..";
+const SquareAspectRatio = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200",
+      className
+    ),
+    fill: "none",
+    height: "14",
+    viewBox: "0 0 14 14",
+    width: "14",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M11.3317 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V11.3317C0.665039 12.068 1.26199 12.665 1.99837 12.665H11.3317C12.0681 12.665 12.665 12.068 12.665 11.3317V1.99833C12.665 1.26195 12.0681 0.665001 11.3317 0.665001Z",
+        fill: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "1.33"
+      }
+    )
+  }
+);
+export {
+  SquareAspectRatio
+};
+//# sourceMappingURL=square-aspect-ratio.js.map

package/dist/icons/custom/square-aspect-ratio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/custom/square-aspect-ratio.tsx"],
+  "sourcesContent": ["import { cn } from \"../..\";\n\nexport const SquareAspectRatio = ({ className }: { className?: string }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      \"text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200\",\n      className\n    )}\n    fill=\"none\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    width=\"14\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M11.3317 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V11.3317C0.665039 12.068 1.26199 12.665 1.99837 12.665H11.3317C12.0681 12.665 12.665 12.068 12.665 11.3317V1.99833C12.665 1.26195 12.0681 0.665001 11.3317 0.665001Z\"\n      fill=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      stroke-width=\"1.33\"\n    />\n  </svg>\n);\n"],
+  "mappings": "AAeI;AAfJ,SAAS,UAAU;AAEZ,MAAM,oBAAoB,CAAC,EAAE,UAAU,MAC5C;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,mBAAgB;AAAA,QAChB,gBAAa;AAAA;AAAA,IACf;AAAA;AACF;",
+  "names": []
+}

package/dist/icons/custom/ultra-wide-aspect-ratio.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../..";
+const UltraWideAspectRatio = ({ className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200",
+      className
+    ),
+    fill: "none",
+    height: "12",
+    viewBox: "0 0 15 12",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13.9984 0.665001C8.99837 3.33167 2.99253 2.2592 0.665039 0.665001V10.665C8.33171 7.665 11.3317 10.0437 13.9984 10.665V0.665001Z",
+          fill: "currentColor",
+          "stroke-linejoin": "round",
+          "stroke-width": "1.33"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.5536 4.665L10.6647 5.77611M10.6647 5.77611L9.5536 6.88722M10.6647 5.77611L3.99805 5.77611M3.99805 5.77611L5.10916 4.665M3.99805 5.77611L5.10916 6.88722",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    ]
+  }
+);
+export {
+  UltraWideAspectRatio
+};
+//# sourceMappingURL=ultra-wide-aspect-ratio.js.map

package/dist/icons/custom/ultra-wide-aspect-ratio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/custom/ultra-wide-aspect-ratio.tsx"],
+  "sourcesContent": ["import { cn } from \"../..\";\n\nexport const UltraWideAspectRatio = ({ className }: { className?: string }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      \"text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200\",\n      className\n    )}\n    fill=\"none\"\n    height=\"12\"\n    viewBox=\"0 0 15 12\"\n    width=\"15\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M13.9984 0.665001C8.99837 3.33167 2.99253 2.2592 0.665039 0.665001V10.665C8.33171 7.665 11.3317 10.0437 13.9984 10.665V0.665001Z\"\n      fill=\"currentColor\"\n      stroke-linejoin=\"round\"\n      stroke-width=\"1.33\"\n    />\n    <path\n      d=\"M9.5536 4.665L10.6647 5.77611M10.6647 5.77611L9.5536 6.88722M10.6647 5.77611L3.99805 5.77611M3.99805 5.77611L5.10916 4.665M3.99805 5.77611L5.10916 6.88722\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n);\n"],
+  "mappings": "AAGE,SAYE,KAZF;AAHF,SAAS,UAAU;AAEZ,MAAM,uBAAuB,CAAC,EAAE,UAAU,MAC/C;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,mBAAgB;AAAA,UAChB,gBAAa;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,kBAAe;AAAA,UACf,mBAAgB;AAAA;AAAA,MAClB;AAAA;AAAA;AACF;",
+  "names": []
+}

package/dist/icons/custom/vertical-orientation.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../..";
+const VerticalOrientation = ({ className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200",
+      className
+    ),
+    fill: "none",
+    height: "15",
+    viewBox: "0 0 10 15",
+    width: "10",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M7.33171 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V12.665C0.665039 13.4014 1.26199 13.9983 1.99837 13.9983H7.33171C8.06809 13.9983 8.66504 13.4014 8.66504 12.665V1.99833C8.66504 1.26195 8.06809 0.665001 7.33171 0.665001Z",
+        fill: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "1.33"
+      }
+    )
+  }
+);
+export {
+  VerticalOrientation
+};
+//# sourceMappingURL=vertical-orientation.js.map

package/dist/icons/custom/vertical-orientation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/custom/vertical-orientation.tsx"],
+  "sourcesContent": ["import { cn } from \"../..\";\n\nexport const VerticalOrientation = ({ className }: { className?: string }) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      \"text-gray-100 stroke-gray-700 dark:text-gray-800 dark:stroke-gray-200\",\n      className\n    )}\n    fill=\"none\"\n    height=\"15\"\n    viewBox=\"0 0 10 15\"\n    width=\"10\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M7.33171 0.665001H1.99837C1.26199 0.665001 0.665039 1.26195 0.665039 1.99833V12.665C0.665039 13.4014 1.26199 13.9983 1.99837 13.9983H7.33171C8.06809 13.9983 8.66504 13.4014 8.66504 12.665V1.99833C8.66504 1.26195 8.06809 0.665001 7.33171 0.665001Z\"\n      fill=\"currentColor\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      stroke-width=\"1.33\"\n    />\n  </svg>\n);\n"],
+  "mappings": "AAeI;AAfJ,SAAS,UAAU;AAEZ,MAAM,sBAAsB,CAAC,EAAE,UAAU,MAC9C;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,OAAM;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,mBAAgB;AAAA,QAChB,gBAAa;AAAA;AAAA,IACf;AAAA;AACF;",
+  "names": []
+}

package/dist/icons/index.js

@@ -2,13 +2,17 @@ export * from "lucide-react";
 export * from "./custom/boards-indicator";
 export * from "./custom/download-history";
 export * from "./custom/exclamation-mark-in-octagon";
+export * from "./custom/horizontal-orientation";
 export * from "./custom/pin";
 export * from "./custom/premium-star";
 export * from "./custom/social";
+export * from "./custom/square-aspect-ratio";
 import { Tick } from "./custom/tick";
 export * from "./custom/tick-in-circle";
 export * from "./custom/tick-small";
+export * from "./custom/ultra-wide-aspect-ratio";
 export * from "./custom/uppbeat-credit";
+export * from "./custom/vertical-orientation";
 export * from "./custom/view-credit-note";
 export {
   Tick

package/dist/icons/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/icons/index.ts"],
-  "sourcesContent": ["/**\n * Cadence Icons\n *\n * All Lucide icons are re-exported, plus custom Uppbeat icons.\n *\n * @example\n * import { Play, Pause, Tick, PremiumStar } from '@music-vine/cadence/icons';\n */\n\n// Re-export ALL Lucide icons\nexport * from \"lucide-react\";\nexport * from \"./custom/boards-indicator\";\nexport * from \"./custom/download-history\";\nexport * from \"./custom/exclamation-mark-in-octagon\";\nexport * from \"./custom/pin\";\nexport * from \"./custom/premium-star\";\n// Social icons\nexport * from \"./custom/social\";\n// Custom Uppbeat icons\nexport { Tick } from \"./custom/tick\";\nexport * from \"./custom/tick-in-circle\";\nexport * from \"./custom/tick-small\";\nexport * from \"./custom/uppbeat-credit\";\nexport * from \"./custom/view-credit-note\";\n"],
-  "mappings": "AAUA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,SAAS,YAAY;AACrB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["/**\n * Cadence Icons\n *\n * All Lucide icons are re-exported, plus custom Uppbeat icons.\n *\n * @example\n * import { Play, Pause, Tick, PremiumStar } from '@music-vine/cadence/icons';\n */\n\n// Re-export ALL Lucide icons\nexport * from \"lucide-react\";\nexport * from \"./custom/boards-indicator\";\nexport * from \"./custom/download-history\";\nexport * from \"./custom/exclamation-mark-in-octagon\";\nexport * from \"./custom/horizontal-orientation\";\nexport * from \"./custom/pin\";\nexport * from \"./custom/premium-star\";\n// Social icons\nexport * from \"./custom/social\";\n// Custom Uppbeat icons\nexport * from \"./custom/square-aspect-ratio\";\nexport { Tick } from \"./custom/tick\";\nexport * from \"./custom/tick-in-circle\";\nexport * from \"./custom/tick-small\";\nexport * from \"./custom/ultra-wide-aspect-ratio\";\nexport * from \"./custom/uppbeat-credit\";\nexport * from \"./custom/vertical-orientation\";\nexport * from \"./custom/view-credit-note\";\n"],
+  "mappings": "AAUA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,SAAS,YAAY;AACrB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@music-vine/cadence",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "private": false,
   "type": "module",
   "sideEffects": false,