@appcorp/shadcn 1.0.16 → 1.0.18

package/components/field.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Label } from "./label";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): React.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): React.JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/components/field.js

@@ -0,0 +1,153 @@
+"use client";
+"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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Field = Field;
+exports.FieldLabel = FieldLabel;
+exports.FieldDescription = FieldDescription;
+exports.FieldError = FieldError;
+exports.FieldGroup = FieldGroup;
+exports.FieldLegend = FieldLegend;
+exports.FieldSeparator = FieldSeparator;
+exports.FieldSet = FieldSet;
+exports.FieldContent = FieldContent;
+exports.FieldTitle = FieldTitle;
+var react_1 = __importStar(require("react"));
+var class_variance_authority_1 = require("class-variance-authority");
+var utils_1 = require("../lib/utils");
+var label_1 = require("./label");
+var separator_1 = require("./separator");
+function FieldSet(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("fieldset", __assign({ "data-slot": "field-set", className: (0, utils_1.cn)("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className) }, props)));
+}
+function FieldLegend(_a) {
+    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "legend" : _b, props = __rest(_a, ["className", "variant"]);
+    return (react_1.default.createElement("legend", __assign({ "data-slot": "field-legend", "data-variant": variant, className: (0, utils_1.cn)("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className) }, props)));
+}
+function FieldGroup(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("div", __assign({ "data-slot": "field-group", className: (0, utils_1.cn)("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className) }, props)));
+}
+var fieldVariants = (0, class_variance_authority_1.cva)("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
+    variants: {
+        orientation: {
+            vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+            horizontal: [
+                "flex-row items-center",
+                "[&>[data-slot=field-label]]:flex-auto",
+                "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start",
+            ],
+            responsive: [
+                "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field(_a) {
+    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b, props = __rest(_a, ["className", "orientation"]);
+    return (react_1.default.createElement("div", __assign({ role: "group", "data-slot": "field", "data-orientation": orientation, className: (0, utils_1.cn)(fieldVariants({ orientation: orientation }), className) }, props)));
+}
+function FieldContent(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("div", __assign({ "data-slot": "field-content", className: (0, utils_1.cn)("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className) }, props)));
+}
+function FieldLabel(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement(label_1.Label, __assign({ "data-slot": "field-label", className: (0, utils_1.cn)("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className) }, props)));
+}
+function FieldTitle(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("div", __assign({ "data-slot": "field-label", className: (0, utils_1.cn)("flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50", className) }, props)));
+}
+function FieldDescription(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement("p", __assign({ "data-slot": "field-description", className: (0, utils_1.cn)("text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className) }, props)));
+}
+function FieldSeparator(_a) {
+    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
+    return (react_1.default.createElement("div", __assign({ "data-slot": "field-separator", "data-content": !!children, className: (0, utils_1.cn)("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className) }, props),
+        react_1.default.createElement(separator_1.Separator, { className: "absolute inset-0 top-1/2" }),
+        children && (react_1.default.createElement("span", { className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2", "data-slot": "field-separator-content" }, children))));
+}
+function FieldError(_a) {
+    var className = _a.className, children = _a.children, errors = _a.errors, props = __rest(_a, ["className", "children", "errors"]);
+    var content = (0, react_1.useMemo)(function () {
+        var _a;
+        if (children) {
+            return children;
+        }
+        if (!errors) {
+            return null;
+        }
+        if ((errors === null || errors === void 0 ? void 0 : errors.length) === 1 && ((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.message)) {
+            return errors[0].message;
+        }
+        return (react_1.default.createElement("ul", { className: "ml-4 flex list-disc flex-col gap-1" }, errors.map(function (error, index) {
+            return (error === null || error === void 0 ? void 0 : error.message) && react_1.default.createElement("li", { key: index }, error.message);
+        })));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (react_1.default.createElement("div", __assign({ role: "alert", "data-slot": "field-error", className: (0, utils_1.cn)("text-destructive text-sm font-normal", className) }, props), content));
+}

package/components/nav-main.d.ts

@@ -9,6 +9,7 @@ export declare function NavMain({ items, }: {
         subItems?: {
             title: string;
             url: string;
+            isActive: boolean;
         }[];
     }[];
 }): React.JSX.Element;

package/components/nav-main.js

@@ -18,12 +18,12 @@ function NavMain(_a) {
             return (react_1.default.createElement(collapsible_1.Collapsible, { key: item.title, asChild: true, defaultOpen: item.isActive, className: "group/collapsible" },
                 react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
                     react_1.default.createElement(collapsible_1.CollapsibleTrigger, { asChild: true },
-                        react_1.default.createElement(sidebar_1.SidebarMenuButton, { tooltip: item.title, className: item.isActive ? "bg-gray-200" : "" },
+                        react_1.default.createElement(sidebar_1.SidebarMenuButton, { tooltip: item.title, className: item.isActive ? "bg-gray-300" : "" },
                             item.icon && react_1.default.createElement(item.icon, null),
                             react_1.default.createElement("span", null, item.title),
                             (item === null || item === void 0 ? void 0 : item.subItems) && ((_a = item === null || item === void 0 ? void 0 : item.subItems) === null || _a === void 0 ? void 0 : _a.length) > 0 && (react_1.default.createElement(lucide_react_1.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })))),
                     (item === null || item === void 0 ? void 0 : item.subItems) && ((_b = item === null || item === void 0 ? void 0 : item.subItems) === null || _b === void 0 ? void 0 : _b.length) > 0 && (react_1.default.createElement(collapsible_1.CollapsibleContent, null,
-                        react_1.default.createElement(sidebar_1.SidebarMenuSub, null, (_c = item.subItems) === null || _c === void 0 ? void 0 : _c.map(function (subItem) { return (react_1.default.createElement(sidebar_1.SidebarMenuSubItem, { key: subItem.title },
+                        react_1.default.createElement(sidebar_1.SidebarMenuSub, null, (_c = item.subItems) === null || _c === void 0 ? void 0 : _c.map(function (subItem) { return (react_1.default.createElement(sidebar_1.SidebarMenuSubItem, { key: subItem.title, className: "rounded-md ".concat(subItem.isActive ? "bg-gray-200" : "") },
                             react_1.default.createElement(sidebar_1.SidebarMenuSubButton, { asChild: true },
                                 react_1.default.createElement("a", { href: subItem.url },
                                     react_1.default.createElement("span", null, subItem.title))))); })))))));

package/data/admin-dashboard.d.ts

@@ -13,6 +13,7 @@ export interface DashboardNavItem {
     subItems: Array<{
         title: string;
         url: string;
+        isActive: boolean;
     }>;
 }
 export interface AppItem {

package/data/admin-dashboard.js

@@ -35,50 +35,59 @@ exports.adminDashboardData = {
             title: "Dashboard",
             url: "",
             icon: lucide_react_1.SquareTerminal,
-            isActive: true,
+            isActive: false,
             subItems: [],
         },
         {
             title: "Flashcard Category",
             url: "#",
             icon: lucide_react_1.Bot,
-            isActive: false,
+            isActive: true,
             subItems: [
                 {
                     title: "Manage",
                     url: "",
+                    isActive: true,
                 },
                 {
                     title: "Toddler / Early childhood",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Preschool / Pre-kindergarten",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Kindergarten",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 1",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 2",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 3",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 4",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 5",
                     url: "#",
+                    isActive: false,
                 },
             ],
         },
@@ -91,34 +100,42 @@ exports.adminDashboardData = {
                 {
                     title: "Toddler / Early childhood",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Preschool / Pre-kindergarten",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Kindergarten",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 1",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 2",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 3",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 4",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Grade / Standard 5",
                     url: "#",
+                    isActive: false,
                 },
             ],
         },
@@ -131,18 +148,22 @@ exports.adminDashboardData = {
                 {
                     title: "Introduction",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Get Started",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Tutorials",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Changelog",
                     url: "#",
+                    isActive: false,
                 },
             ],
         },
@@ -155,10 +176,12 @@ exports.adminDashboardData = {
                 {
                     title: "General",
                     url: "#",
+                    isActive: false,
                 },
                 {
                     title: "Kids",
                     url: "#",
+                    isActive: false,
                 },
             ],
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",