@appcorp/shadcn 1.2.0 → 2.0.1

package/components/enhanced-textarea.js

@@ -1,87 +1 @@
-"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.EnhancedTextarea = void 0;
-var React = __importStar(require("react"));
-var utils_1 = require("../lib/utils");
-var textarea_1 = require("./ui/textarea");
-var enhanced_label_1 = require("./enhanced-label");
-var EnhancedTextarea = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdTextarea = _a.testIdTextarea, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, props = __rest(_a, ["className", "error", "info", "label", "required", "id", "testIdWrapper", "testIdLabel", "testIdTextarea", "testIdMessage", "testIdError", "testIdInfo"]);
-    // Determine if there's an error (for aria-invalid and styling)
-    var hasError = Boolean(error);
-    var textareaElement = (React.createElement(textarea_1.Textarea, __assign({ ref: ref, id: id, "data-testid": testIdTextarea, "aria-invalid": hasError, required: required, className: (0, utils_1.cn)(
-        // Error state styling
-        hasError &&
-            "border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", 
-        // Normal state when no error
-        !hasError &&
-            "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className) }, props)));
-    // If label is provided, render the complete textarea with label structure
-    if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
-            React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required, testIdLabel: testIdLabel }, label),
-            textareaElement,
-            (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
-    }
-    // If no label, render just the textarea with messages (backward compatibility)
-    return (React.createElement("div", { className: "w-full", "data-testid": testIdWrapper },
-        textareaElement,
-        (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
-});
-exports.EnhancedTextarea = EnhancedTextarea;
-EnhancedTextarea.displayName = "EnhancedTextarea";
+"use strict";var I=function(a,d){var s={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&d.indexOf(e)<0&&(s[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(a);t<e.length;t++)d.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(a,e[t])&&(s[e[t]]=a[e[t]]);return s};import*as r from"react";import{cn as y}from"../lib/utils";import{Textarea as N}from"./ui/textarea";import{EnhancedLabel as O}from"./enhanced-label";const b=r.forwardRef((a,d)=>{var{className:s,error:e,info:t,label:l,required:n,id:c,testIdWrapper:o,testIdLabel:v,testIdTextarea:x,testIdMessage:m,testIdError:u,testIdInfo:f}=a,E=I(a,["className","error","info","label","required","id","testIdWrapper","testIdLabel","testIdTextarea","testIdMessage","testIdError","testIdInfo"]);const i=!!e,p=r.createElement(N,Object.assign({ref:d,id:c,"data-testid":x,"aria-invalid":i,required:n,className:y(i&&"border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20",!i&&"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",s)},E));return l?r.createElement("div",{className:"w-full space-y-2","data-testid":o},r.createElement(O,{htmlFor:c,required:n,testIdLabel:v},l),p,(e||t)&&r.createElement("div",{"data-testid":m},e?r.createElement("p",{className:"text-xs text-destructive","data-testid":u},e):t?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":f},t):null)):r.createElement("div",{className:"w-full","data-testid":o},p,(e||t)&&r.createElement("div",{"data-testid":m},e?r.createElement("p",{className:"text-xs text-destructive","data-testid":u},e):t?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":f},t):null))});b.displayName="EnhancedTextarea";export{b as EnhancedTextarea};

package/components/field.d.ts

@@ -8,7 +8,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 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;
+} & import("class-variance-authority/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;

package/components/field.js

@@ -1,153 +1 @@
-"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("./ui/label");
-var separator_1 = require("./ui/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));
-}
+"use strict";"use client";var s=function(e,l){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&l.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(e);n<t.length;n++)l.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(a[t[n]]=e[t[n]]);return a};import r,{useMemo as m}from"react";import{cva as u}from"class-variance-authority";import{cn as o}from"../lib/utils";import{Label as p}from"./ui/label";import{Separator as g}from"./ui/separator";function v(e){var{className:l}=e,a=s(e,["className"]);return r.createElement("fieldset",Object.assign({"data-slot":"field-set",className:o("flex flex-col gap-6","has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",l)},a))}function b(e){var{className:l,variant:a="legend"}=e,t=s(e,["className","variant"]);return r.createElement("legend",Object.assign({"data-slot":"field-legend","data-variant":a,className:o("mb-3 font-medium","data-[variant=legend]:text-base","data-[variant=label]:text-sm",l)},t))}function x(e){var{className:l}=e,a=s(e,["className"]);return r.createElement("div",Object.assign({"data-slot":"field-group",className:o("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",l)},a))}const h=u("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 N(e){var{className:l,orientation:a="vertical"}=e,t=s(e,["className","orientation"]);return r.createElement("div",Object.assign({role:"group","data-slot":"field","data-orientation":a,className:o(h({orientation:a}),l)},t))}function y(e){var{className:l}=e,a=s(e,["className"]);return r.createElement("div",Object.assign({"data-slot":"field-content",className:o("group/field-content flex flex-1 flex-col gap-1.5 leading-snug",l)},a))}function O(e){var{className:l}=e,a=s(e,["className"]);return r.createElement(p,Object.assign({"data-slot":"field-label",className:o("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",l)},a))}function w(e){var{className:l}=e,a=s(e,["className"]);return r.createElement("div",Object.assign({"data-slot":"field-label",className:o("flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",l)},a))}function E(e){var{className:l}=e,a=s(e,["className"]);return r.createElement("p",Object.assign({"data-slot":"field-description",className:o("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",l)},a))}function j(e){var{children:l,className:a}=e,t=s(e,["children","className"]);return r.createElement("div",Object.assign({"data-slot":"field-separator","data-content":!!l,className:o("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",a)},t),r.createElement(g,{className:"absolute inset-0 top-1/2"}),l&&r.createElement("span",{className:"bg-background text-muted-foreground relative mx-auto block w-fit px-2","data-slot":"field-separator-content"},l))}function k(e){var{className:l,children:a,errors:t}=e,n=s(e,["className","children","errors"]);const c=m(()=>{var d;return a||(t?t?.length===1&&(!((d=t[0])===null||d===void 0)&&d.message)?t[0].message:r.createElement("ul",{className:"ml-4 flex list-disc flex-col gap-1"},t.map((i,f)=>i?.message&&r.createElement("li",{key:f},i.message))):null)},[a,t]);return c?r.createElement("div",Object.assign({role:"alert","data-slot":"field-error",className:o("text-destructive text-sm font-normal",l)},n),c):null}export{N as Field,O as FieldLabel,E as FieldDescription,k as FieldError,x as FieldGroup,b as FieldLegend,j as FieldSeparator,v as FieldSet,y as FieldContent,w as FieldTitle};

package/components/image-resize-dialog.js

@@ -1,180 +1 @@
-"use client";
-"use strict";
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageResizeDialog = void 0;
-var react_1 = __importStar(require("react"));
-var react_easy_crop_1 = __importDefault(require("react-easy-crop"));
-var dialog_1 = require("./ui/dialog");
-var button_1 = require("./ui/button");
-var slider_1 = require("./ui/slider");
-/**
- * Create a cropped image from the provided source and crop area.
- */
-function getCroppedImg(imageSrc_1, pixelCrop_1) {
-    return __awaiter(this, arguments, void 0, function (imageSrc, pixelCrop, fileName) {
-        var image, canvas, ctx;
-        if (fileName === void 0) { fileName = "cropped-image.jpg"; }
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, createImage(imageSrc)];
-                case 1:
-                    image = _a.sent();
-                    canvas = document.createElement("canvas");
-                    ctx = canvas.getContext("2d");
-                    if (!ctx) {
-                        throw new Error("No 2d context");
-                    }
-                    // Set canvas size to match the crop area
-                    canvas.width = pixelCrop.width;
-                    canvas.height = pixelCrop.height;
-                    // Draw the cropped image
-                    ctx.drawImage(image, pixelCrop.x, pixelCrop.y, pixelCrop.width, pixelCrop.height, 0, 0, pixelCrop.width, pixelCrop.height);
-                    // Convert canvas to blob and then to File
-                    return [2 /*return*/, new Promise(function (resolve, reject) {
-                            canvas.toBlob(function (blob) {
-                                if (!blob) {
-                                    reject(new Error("Canvas is empty"));
-                                    return;
-                                }
-                                var file = new File([blob], fileName, { type: "image/jpeg" });
-                                resolve(file);
-                            }, "image/jpeg");
-                        })];
-            }
-        });
-    });
-}
-/**
- * Create an HTMLImageElement from a URL.
- */
-function createImage(url) {
-    return new Promise(function (resolve, reject) {
-        var image = new Image();
-        image.addEventListener("load", function () { return resolve(image); });
-        image.addEventListener("error", function (error) { return reject(error); });
-        image.src = url;
-    });
-}
-/**
- * A dialog component that allows users to crop/resize an image to a square aspect ratio.
- * Uses react-easy-crop for the cropping functionality.
- */
-var ImageResizeDialog = function (_a) {
-    var open = _a.open, onClose = _a.onClose, imageUrl = _a.imageUrl, onCropComplete = _a.onCropComplete, _b = _a.fileName, fileName = _b === void 0 ? "cropped-image.jpg" : _b;
-    var _c = (0, react_1.useState)({ x: 0, y: 0 }), crop = _c[0], setCrop = _c[1];
-    var _d = (0, react_1.useState)(1), zoom = _d[0], setZoom = _d[1];
-    var _e = (0, react_1.useState)(null), croppedAreaPixels = _e[0], setCroppedAreaPixels = _e[1];
-    var handleCropComplete = (0, react_1.useCallback)(function (_croppedArea, croppedAreaPixels) {
-        setCroppedAreaPixels(croppedAreaPixels);
-    }, []);
-    var handleSave = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var croppedImage, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!croppedAreaPixels)
-                        return [2 /*return*/];
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, getCroppedImg(imageUrl, croppedAreaPixels, fileName)];
-                case 2:
-                    croppedImage = _a.sent();
-                    onCropComplete(croppedImage);
-                    onClose();
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _a.sent();
-                    console.error("Failed to crop image:", error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [croppedAreaPixels, imageUrl, fileName, onCropComplete, onClose]);
-    return (react_1.default.createElement(dialog_1.Dialog, { open: open, onOpenChange: onClose },
-        react_1.default.createElement(dialog_1.DialogContent, { className: "max-w-3xl", "data-slot": "image-resize-dialog", "data-testid": "image-resize-dialog" },
-            react_1.default.createElement(dialog_1.DialogHeader, null,
-                react_1.default.createElement(dialog_1.DialogTitle, null, "Resize Image"),
-                react_1.default.createElement(dialog_1.DialogDescription, null, "Adjust the crop area to create a square image. Use the slider to zoom in or out.")),
-            react_1.default.createElement("div", { className: "relative h-[400px] w-full bg-muted rounded-md overflow-hidden" },
-                react_1.default.createElement(react_easy_crop_1.default, { image: imageUrl, crop: crop, zoom: zoom, aspect: 1, onCropChange: setCrop, onCropComplete: handleCropComplete, onZoomChange: setZoom })),
-            react_1.default.createElement("div", { className: "space-y-2" },
-                react_1.default.createElement("label", { className: "text-sm font-medium" }, "Zoom"),
-                react_1.default.createElement(slider_1.Slider, { value: [zoom], onValueChange: function (values) { return setZoom(values[0] || 1); }, min: 1, max: 3, step: 0.1, className: "w-full", "data-testid": "zoom-slider" })),
-            react_1.default.createElement(dialog_1.DialogFooter, null,
-                react_1.default.createElement(button_1.Button, { variant: "outline", onClick: onClose, "data-testid": "cancel-button" }, "Cancel"),
-                react_1.default.createElement(button_1.Button, { onClick: handleSave, "data-testid": "save-button" }, "Save")))));
-};
-exports.ImageResizeDialog = ImageResizeDialog;
+"use strict";"use client";import e,{Suspense as v,useCallback as u,useState as g}from"react";import{Dialog as y,DialogContent as x,DialogDescription as z,DialogFooter as C,DialogHeader as D,DialogTitle as I}from"./ui/dialog";import{Button as p}from"./ui/button";import{Slider as j}from"./ui/slider";const N=e.lazy(()=>import("react-easy-crop"));async function b(c,t,n="cropped-image.jpg"){const a=await S(c),o=document.createElement("canvas"),m=o.getContext("2d");if(!m)throw new Error("No 2d context");return o.width=t.width,o.height=t.height,m.drawImage(a,t.x,t.y,t.width,t.height,0,0,t.width,t.height),new Promise((d,s)=>{o.toBlob(i=>{if(!i){s(new Error("Canvas is empty"));return}const l=new File([i],n,{type:"image/jpeg"});d(l)},"image/jpeg")})}function S(c){return new Promise((t,n)=>{const a=new Image;a.addEventListener("load",()=>t(a)),a.addEventListener("error",o=>n(o)),a.src=c})}export const ImageResizeDialog=({open:c,onClose:t,imageUrl:n,onCropComplete:a,fileName:o="cropped-image.jpg"})=>{const[m,d]=g({x:0,y:0}),[s,i]=g(1),[l,h]=g(null),E=u((r,w)=>{h(w)},[]),f=u(async()=>{if(l)try{const r=await b(n,l,o);a(r),t()}catch(r){console.error("Failed to crop image:",r)}},[l,n,o,a,t]);return e.createElement(y,{open:c,onOpenChange:t},e.createElement(x,{className:"max-w-3xl","data-slot":"image-resize-dialog","data-testid":"image-resize-dialog"},e.createElement(D,null,e.createElement(I,null,"Resize Image"),e.createElement(z,null,"Adjust the crop area to create a square image. Use the slider to zoom in or out.")),e.createElement("div",{className:"relative h-[400px] w-full bg-muted rounded-md overflow-hidden"},e.createElement(v,{fallback:e.createElement("div",{className:"flex h-full w-full items-center justify-center text-muted-foreground text-sm"},"Loading crop editor...")},e.createElement(N,{image:n,crop:m,zoom:s,aspect:1,onCropChange:d,onCropComplete:E,onZoomChange:i}))),e.createElement("div",{className:"space-y-2"},e.createElement("label",{className:"text-sm font-medium"},"Zoom"),e.createElement(j,{value:[s],onValueChange:r=>i(r[0]||1),min:1,max:3,step:.1,className:"w-full","data-testid":"zoom-slider"})),e.createElement(C,null,e.createElement(p,{variant:"outline",onClick:t,"data-testid":"cancel-button"},"Cancel"),e.createElement(p,{onClick:f,"data-testid":"save-button"},"Save"))))};

package/components/nav-main.js

@@ -1,86 +1 @@
-"use client";
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavMain = void 0;
-var react_1 = __importStar(require("react"));
-var lucide_react_1 = require("lucide-react");
-var collapsible_1 = require("./ui/collapsible");
-var sidebar_1 = require("./sidebar");
-var link_1 = __importDefault(require("next/link"));
-exports.NavMain = react_1.default.memo(function (_a) {
-    var items = _a.items;
-    var processedItems = (0, react_1.useMemo)(function () {
-        return items
-            .filter(function (_a) {
-            var enabled = _a.enabled;
-            return enabled;
-        })
-            .sort(function (a, b) { return a.order - b.order; });
-    }, [items]);
-    return (react_1.default.createElement(sidebar_1.SidebarGroup, null,
-        react_1.default.createElement(sidebar_1.SidebarGroupLabel, null, "Current App"),
-        react_1.default.createElement(sidebar_1.SidebarMenu, null, processedItems.map(function (item) {
-            var _a, _b;
-            if (!((_a = item.subItems) === null || _a === void 0 ? void 0 : _a.length)) {
-                return (react_1.default.createElement(sidebar_1.SidebarMenuItem, { key: item.title },
-                    react_1.default.createElement(link_1.default, { href: item.url },
-                        react_1.default.createElement(sidebar_1.SidebarMenuButton, { className: "cursor-pointer" },
-                            item.icon && react_1.default.createElement(item.icon, null),
-                            react_1.default.createElement("span", null, item.title)))));
-            }
-            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-300" : "" },
-                            item.icon && react_1.default.createElement(item.icon, null),
-                            react_1.default.createElement("span", null, item.title),
-                            react_1.default.createElement(lucide_react_1.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" }))),
-                    ((_b = 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, item.subItems
-                            .filter(function (_a) {
-                            var enabled = _a.enabled;
-                            return enabled;
-                        })
-                            .sort(function (a, b) { return a.order - b.order; })
-                            .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(link_1.default, { href: subItem.url },
-                                    react_1.default.createElement("span", null, subItem.title))))); })))))));
-        }))));
-});
+"use strict";"use client";import e,{useMemo as m}from"react";import{ChevronRight as p}from"lucide-react";import{Collapsible as d,CollapsibleContent as E,CollapsibleTrigger as b}from"./ui/collapsible";import{SidebarGroup as f,SidebarGroupLabel as g,SidebarMenu as S,SidebarMenuButton as o,SidebarMenuItem as u,SidebarMenuSub as v,SidebarMenuSubButton as h,SidebarMenuSubItem as C}from"./sidebar";import c from"next/link";export const NavMain=e.memo(({items:a})=>{const i=m(()=>a.filter(({enabled:t})=>t).sort((t,l)=>t.order-l.order),[a]);return e.createElement(f,null,e.createElement(g,null,"Current App"),e.createElement(S,null,i.map(t=>{var l,n;return!((l=t.subItems)===null||l===void 0)&&l.length?e.createElement(d,{key:t.title,asChild:!0,defaultOpen:t.isActive,className:"group/collapsible"},e.createElement(u,null,e.createElement(b,{asChild:!0},e.createElement(o,{tooltip:t.title,className:t.isActive?"bg-gray-300":""},t.icon&&e.createElement(t.icon,null),e.createElement("span",null,t.title),e.createElement(p,{className:"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"}))),((n=t.subItems)===null||n===void 0?void 0:n.length)>0&&e.createElement(E,null,e.createElement(v,null,t.subItems.filter(({enabled:r})=>r).sort((r,s)=>r.order-s.order).map(r=>e.createElement(C,{key:r.title,className:`rounded-md ${r.isActive?"bg-gray-200":""}`},e.createElement(h,{asChild:!0},e.createElement(c,{href:r.url},e.createElement("span",null,r.title))))))))):e.createElement(u,{key:t.title},e.createElement(c,{href:t.url},e.createElement(o,{className:"cursor-pointer"},t.icon&&e.createElement(t.icon,null),e.createElement("span",null,t.title))))})))});

package/components/nav-projects.js

@@ -1,50 +1 @@
-"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.NavProjects = void 0;
-var lucide_react_1 = require("lucide-react");
-var link_1 = __importDefault(require("next/link"));
-var dropdown_menu_1 = require("./ui/dropdown-menu");
-var sidebar_1 = require("./sidebar");
-var react_1 = __importDefault(require("react"));
-var NavProjects = function (_a) {
-    var _b, _c;
-    var apps = _a.apps, offerUrl = _a.offerUrl;
-    var isMobile = (0, sidebar_1.useSidebar)().isMobile;
-    return (react_1.default.createElement(sidebar_1.SidebarGroup, { className: "group-data-[collapsible=icon]:hidden" },
-        react_1.default.createElement(sidebar_1.SidebarGroupLabel, null, "More Apps"),
-        react_1.default.createElement(sidebar_1.SidebarMenu, null, (_c = (_b = apps === null || apps === void 0 ? void 0 : apps.filter(function (_a) {
-            var enabled = _a.enabled;
-            return enabled;
-        })) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; })) === null || _c === void 0 ? void 0 :
-            _c.map(function (item) { return (react_1.default.createElement(sidebar_1.SidebarMenuItem, { key: item.name },
-                react_1.default.createElement(sidebar_1.SidebarMenuButton, { asChild: true },
-                    react_1.default.createElement(link_1.default, { href: item.url },
-                        react_1.default.createElement(item.icon, null),
-                        react_1.default.createElement("span", null, item.name))),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                        react_1.default.createElement(sidebar_1.SidebarMenuAction, { showOnHover: true },
-                            react_1.default.createElement(lucide_react_1.MoreHorizontal, null),
-                            react_1.default.createElement("span", { className: "sr-only" }, "More"))),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? "bottom" : "right", align: isMobile ? "end" : "start" },
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                            react_1.default.createElement(lucide_react_1.Folder, { className: "text-muted-foreground" }),
-                            react_1.default.createElement("span", null, "View Project")),
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                            react_1.default.createElement(lucide_react_1.Forward, { className: "text-muted-foreground" }),
-                            react_1.default.createElement("span", null, "Share Project")),
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                            react_1.default.createElement(lucide_react_1.Trash2, { className: "text-muted-foreground" }),
-                            react_1.default.createElement("span", null, "Delete Project")))))); }),
-            offerUrl && (react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
-                react_1.default.createElement(link_1.default, { href: offerUrl },
-                    react_1.default.createElement(sidebar_1.SidebarMenuButton, { className: "text-sidebar-foreground/70" },
-                        react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "text-sidebar-foreground/70" }),
-                        react_1.default.createElement("span", null, "Offers"))))))));
-};
-exports.NavProjects = NavProjects;
+"use strict";"use client";import{Folder as E,Forward as p,MoreHorizontal as c,Trash2 as b}from"lucide-react";import u from"next/link";import{DropdownMenu as f,DropdownMenuContent as M,DropdownMenuItem as a,DropdownMenuSeparator as g,DropdownMenuTrigger as h}from"./ui/dropdown-menu";import{SidebarGroup as v,SidebarGroupLabel as w,SidebarMenu as N,SidebarMenuAction as S,SidebarMenuButton as d,SidebarMenuItem as s,useSidebar as x}from"./sidebar";import e from"react";export const NavProjects=({apps:r,offerUrl:o})=>{var n,l;const{isMobile:m}=x();return e.createElement(v,{className:"group-data-[collapsible=icon]:hidden"},e.createElement(w,null,"More Apps"),e.createElement(N,null,(l=(n=r?.filter(({enabled:t})=>t))===null||n===void 0?void 0:n.sort((t,i)=>t.order-i.order))===null||l===void 0?void 0:l.map(t=>e.createElement(s,{key:t.name},e.createElement(d,{asChild:!0},e.createElement(u,{href:t.url},e.createElement(t.icon,null),e.createElement("span",null,t.name))),e.createElement(f,null,e.createElement(h,{asChild:!0},e.createElement(S,{showOnHover:!0},e.createElement(c,null),e.createElement("span",{className:"sr-only"},"More"))),e.createElement(M,{className:"w-48 rounded-lg",side:m?"bottom":"right",align:m?"end":"start"},e.createElement(a,null,e.createElement(E,{className:"text-muted-foreground"}),e.createElement("span",null,"View Project")),e.createElement(a,null,e.createElement(p,{className:"text-muted-foreground"}),e.createElement("span",null,"Share Project")),e.createElement(g,null),e.createElement(a,null,e.createElement(b,{className:"text-muted-foreground"}),e.createElement("span",null,"Delete Project")))))),o&&e.createElement(s,null,e.createElement(u,{href:o},e.createElement(d,{className:"text-sidebar-foreground/70"},e.createElement(c,{className:"text-sidebar-foreground/70"}),e.createElement("span",null,"Offers"))))))};