@music-vine/cadence 2.2.2 → 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/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.2",
+  "version": "2.3.0",
   "private": false,
   "type": "module",
   "sideEffects": false,