@appcorp/shadcn 1.0.32 → 1.0.37

package/components/audio.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface AudioControlProps {
+    audioUrl: string | null;
+    id: string;
+    label?: string;
+    onDelete: () => void;
+    onGenerate: () => void;
+    required?: boolean;
+}
+export declare const AudioControl: React.FC<AudioControlProps>;
+export {};

package/components/audio.js

@@ -0,0 +1,21 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AudioControl = void 0;
+var react_1 = __importDefault(require("react"));
+var button_1 = require("./button");
+var label_1 = require("./label");
+var AudioControl = function (_a) {
+    var audioUrl = _a.audioUrl, id = _a.id, label = _a.label, onDelete = _a.onDelete, onGenerate = _a.onGenerate, _b = _a.required, required = _b === void 0 ? false : _b;
+    return (react_1.default.createElement("div", { className: "space-y-2" },
+        label && (react_1.default.createElement(label_1.Label, { htmlFor: id, required: required }, label)),
+        !audioUrl && (react_1.default.createElement("div", { className: "flex gap-2" },
+            react_1.default.createElement(button_1.Button, { type: "button", onClick: onGenerate, variant: "outline", className: "flex-1" }, "Generate Audio"),
+            react_1.default.createElement(button_1.Button, { type: "button", onClick: onDelete, variant: "destructive", className: "flex-1" }, "Delete Audio"))),
+        audioUrl && (react_1.default.createElement("div", { className: "mt-2 rounded-md border border-gray-200 bg-gray-50 p-3" },
+            react_1.default.createElement("audio", { controls: true, className: "w-full", src: audioUrl }, "Your browser does not support the audio element.")))));
+};
+exports.AudioControl = AudioControl;

package/components/switch.d.ts

@@ -4,6 +4,7 @@ interface SwitchProps extends React.ComponentProps<typeof SwitchPrimitive.Root>
     error?: string;
     info?: string;
     label?: string;
+    description?: string;
 }
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/components/switch.js

@@ -62,7 +62,7 @@ var SwitchPrimitive = __importStar(require("@radix-ui/react-switch"));
 var utils_1 = require("../lib/utils");
 var label_1 = require("./label");
 var Switch = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, props = __rest(_a, ["className", "error", "info", "label", "required", "id"]);
+    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, description = _a.description, props = __rest(_a, ["className", "error", "info", "label", "required", "id", "description"]);
     // Determine if there's an error (for aria-invalid and styling)
     var hasError = Boolean(error);
     var switchElement = (React.createElement(SwitchPrimitive.Root, __assign({ ref: ref, id: id, "data-slot": "switch", "aria-invalid": hasError, required: required, className: (0, utils_1.cn)("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", 
@@ -76,7 +76,9 @@ var Switch = React.forwardRef(function (_a, ref) {
     if (label) {
         return (React.createElement("div", { className: "w-full space-y-2" },
             React.createElement("div", { className: "flex items-center justify-between space-x-2" },
-                React.createElement(label_1.Label, { htmlFor: id, required: required }, label),
+                React.createElement("div", null,
+                    React.createElement(label_1.Label, { htmlFor: id, required: required }, label),
+                    description && (React.createElement("p", { className: "text-sm text-gray-400" }, description))),
                 switchElement),
             (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.0.32",
+  "version": "1.0.37",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",
@@ -48,9 +48,9 @@
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.6",
-    "@storybook/addon-docs": "^10.0.2",
-    "@storybook/addon-onboarding": "^10.0.2",
-    "@storybook/nextjs": "^10.0.2",
+    "@storybook/addon-docs": "^10.0.6",
+    "@storybook/addon-onboarding": "^10.0.6",
+    "@storybook/nextjs": "^10.0.6",
     "@tailwindcss/postcss": "^4.1.14",
     "@tanstack/react-table": "^8.21.3",
     "@testing-library/dom": "^10.4.1",
@@ -74,7 +74,7 @@
     "eslint": "^9.37.0",
     "eslint-config-next": "^15.5.5",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "10.0.2",
+    "eslint-plugin-storybook": "10.0.6",
     "husky": "^9.1.7",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
@@ -94,7 +94,7 @@
     "react-hook-form": "^7.65.0",
     "rimraf": "^6.0.1",
     "sonner": "^2.0.7",
-    "storybook": "^10.0.2",
+    "storybook": "^10.0.6",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "3",
     "ts-node": "^10.9.2",

package/utils/transform-breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+export declare const transformBreadcrumbs: (string: string) => {
+    label: string;
+    href: string;
+}[];

package/utils/transform-breadcrumbs.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformBreadcrumbs = void 0;
+var transformBreadcrumbs = function (string) {
+    var items = string.split("/").filter(Boolean);
+    return items.map(function (item) { return ({
+        label: item.charAt(0).toUpperCase() + item.slice(1).replace(/-/g, " "),
+        href: "#",
+    }); });
+};
+exports.transformBreadcrumbs = transformBreadcrumbs;

package/utils/transform-navitems.d.ts

@@ -0,0 +1,7 @@
+import { DashboardNavItem } from "../data/admin-dashboard";
+/**
+ * Updates navItems to set isActive based on current pathname
+ * Checks both main nav URLs and subItem URLs for matches
+ * Also marks individual subItems as active when their URL matches
+ */
+export declare const transformNavItems: (navItems: DashboardNavItem[], pathname: string) => DashboardNavItem[];

package/utils/transform-navitems.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformNavItems = void 0;
+/**
+ * Updates navItems to set isActive based on current pathname
+ * Checks both main nav URLs and subItem URLs for matches
+ * Also marks individual subItems as active when their URL matches
+ */
+var transformNavItems = function (navItems, pathname) {
+    return navItems.map(function (navItem) {
+        // Check if main nav item URL matches
+        var isMainActive = navItem.url !== "#" && pathname === navItem.url;
+        // Transform subItems to mark active ones
+        var updatedSubItems = navItem.subItems.map(function (subItem) {
+            return __assign(__assign({}, subItem), { isActive: subItem.url !== "#" && pathname === subItem.url });
+        });
+        // Check if any subItem is active
+        var hasActiveSubItem = updatedSubItems.some(function (subItem) { return subItem.isActive; });
+        return __assign(__assign({}, navItem), { isActive: isMainActive || hasActiveSubItem, subItems: updatedSubItems });
+    });
+};
+exports.transformNavItems = transformNavItems;