@appcorp/shadcn 2.0.0 → 2.0.1

package/components/enhanced-textarea.js

@@ -1,40 +1 @@
-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;
-};
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { Textarea } from "./ui/textarea";
-import { EnhancedLabel } from "./enhanced-label";
-const EnhancedTextarea = React.forwardRef((_a, ref) => {
-    var { className, error, info, label, required, id, testIdWrapper, testIdLabel, testIdTextarea, testIdMessage, testIdError, testIdInfo } = _a, 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)
-    const hasError = Boolean(error);
-    const textareaElement = (React.createElement(Textarea, Object.assign({ ref: ref, id: id, "data-testid": testIdTextarea, "aria-invalid": hasError, required: required, className: 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(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))));
-});
-EnhancedTextarea.displayName = "EnhancedTextarea";
-export { 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.js

@@ -1,96 +1 @@
-"use client";
-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;
-};
-import React, { useMemo } from "react";
-import { cva } from "class-variance-authority";
-import { cn } from "../lib/utils";
-import { Label } from "./ui/label";
-import { Separator } from "./ui/separator";
-function FieldSet(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("fieldset", Object.assign({ "data-slot": "field-set", className: 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, variant = "legend" } = _a, props = __rest(_a, ["className", "variant"]);
-    return (React.createElement("legend", Object.assign({ "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className) }, props)));
-}
-function FieldGroup(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "field-group", className: 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)));
-}
-const fieldVariants = 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, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
-    return (React.createElement("div", Object.assign({ role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className) }, props)));
-}
-function FieldContent(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className) }, props)));
-}
-function FieldLabel(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Label, Object.assign({ "data-slot": "field-label", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "field-label", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("p", Object.assign({ "data-slot": "field-description", className: 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, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className) }, props),
-        React.createElement(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && (React.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, children, errors } = _a, props = __rest(_a, ["className", "children", "errors"]);
-    const content = useMemo(() => {
-        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.createElement("ul", { className: "ml-4 flex list-disc flex-col gap-1" }, errors.map((error, index) => (error === null || error === void 0 ? void 0 : error.message) && React.createElement("li", { key: index }, error.message))));
-    }, [children, errors]);
-    if (!content) {
-        return null;
-    }
-    return (React.createElement("div", Object.assign({ role: "alert", "data-slot": "field-error", className: cn("text-destructive text-sm font-normal", className) }, props), content));
-}
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+"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,82 +1 @@
-"use client";
-import React, { Suspense, useCallback, useState } from "react";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "./ui/dialog";
-import { Button } from "./ui/button";
-import { Slider } from "./ui/slider";
-const Cropper = React.lazy(() => import("react-easy-crop"));
-/**
- * Create a cropped image from the provided source and crop area.
- */
-async function getCroppedImg(imageSrc, pixelCrop, fileName = "cropped-image.jpg") {
-    const image = await createImage(imageSrc);
-    const canvas = document.createElement("canvas");
-    const 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 new Promise((resolve, reject) => {
-        canvas.toBlob((blob) => {
-            if (!blob) {
-                reject(new Error("Canvas is empty"));
-                return;
-            }
-            const file = new File([blob], fileName, { type: "image/jpeg" });
-            resolve(file);
-        }, "image/jpeg");
-    });
-}
-/**
- * Create an HTMLImageElement from a URL.
- */
-function createImage(url) {
-    return new Promise((resolve, reject) => {
-        const image = new Image();
-        image.addEventListener("load", () => resolve(image));
-        image.addEventListener("error", (error) => 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.
- */
-export const ImageResizeDialog = ({ open, onClose, imageUrl, onCropComplete, fileName = "cropped-image.jpg", }) => {
-    const [crop, setCrop] = useState({ x: 0, y: 0 });
-    const [zoom, setZoom] = useState(1);
-    const [croppedAreaPixels, setCroppedAreaPixels] = useState(null);
-    const handleCropComplete = useCallback((_croppedArea, croppedAreaPixels) => {
-        setCroppedAreaPixels(croppedAreaPixels);
-    }, []);
-    const handleSave = useCallback(async () => {
-        if (!croppedAreaPixels)
-            return;
-        try {
-            const croppedImage = await getCroppedImg(imageUrl, croppedAreaPixels, fileName);
-            onCropComplete(croppedImage);
-            onClose();
-        }
-        catch (error) {
-            console.error("Failed to crop image:", error);
-        }
-    }, [croppedAreaPixels, imageUrl, fileName, onCropComplete, onClose]);
-    return (React.createElement(Dialog, { open: open, onOpenChange: onClose },
-        React.createElement(DialogContent, { className: "max-w-3xl", "data-slot": "image-resize-dialog", "data-testid": "image-resize-dialog" },
-            React.createElement(DialogHeader, null,
-                React.createElement(DialogTitle, null, "Resize Image"),
-                React.createElement(DialogDescription, null, "Adjust the crop area to create a square image. Use the slider to zoom in or out.")),
-            React.createElement("div", { className: "relative h-[400px] w-full bg-muted rounded-md overflow-hidden" },
-                React.createElement(Suspense, { fallback: React.createElement("div", { className: "flex h-full w-full items-center justify-center text-muted-foreground text-sm" }, "Loading crop editor...") },
-                    React.createElement(Cropper, { image: imageUrl, crop: crop, zoom: zoom, aspect: 1, onCropChange: setCrop, onCropComplete: handleCropComplete, onZoomChange: setZoom }))),
-            React.createElement("div", { className: "space-y-2" },
-                React.createElement("label", { className: "text-sm font-medium" }, "Zoom"),
-                React.createElement(Slider, { value: [zoom], onValueChange: (values) => setZoom(values[0] || 1), min: 1, max: 3, step: 0.1, className: "w-full", "data-testid": "zoom-slider" })),
-            React.createElement(DialogFooter, null,
-                React.createElement(Button, { variant: "outline", onClick: onClose, "data-testid": "cancel-button" }, "Cancel"),
-                React.createElement(Button, { onClick: handleSave, "data-testid": "save-button" }, "Save")))));
-};
+"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,40 +1 @@
-"use client";
-import React, { useMemo } from "react";
-import { ChevronRight } from "lucide-react";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./ui/collapsible";
-import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./sidebar";
-import Link from "next/link";
-export const NavMain = React.memo(({ items }) => {
-    const processedItems = useMemo(() => {
-        return items
-            .filter(({ enabled }) => enabled)
-            .sort((a, b) => a.order - b.order);
-    }, [items]);
-    return (React.createElement(SidebarGroup, null,
-        React.createElement(SidebarGroupLabel, null, "Current App"),
-        React.createElement(SidebarMenu, null, processedItems.map((item) => {
-            var _a, _b;
-            if (!((_a = item.subItems) === null || _a === void 0 ? void 0 : _a.length)) {
-                return (React.createElement(SidebarMenuItem, { key: item.title },
-                    React.createElement(Link, { href: item.url },
-                        React.createElement(SidebarMenuButton, { className: "cursor-pointer" },
-                            item.icon && React.createElement(item.icon, null),
-                            React.createElement("span", null, item.title)))));
-            }
-            return (React.createElement(Collapsible, { key: item.title, asChild: true, defaultOpen: item.isActive, className: "group/collapsible" },
-                React.createElement(SidebarMenuItem, null,
-                    React.createElement(CollapsibleTrigger, { asChild: true },
-                        React.createElement(SidebarMenuButton, { tooltip: item.title, className: item.isActive ? "bg-gray-300" : "" },
-                            item.icon && React.createElement(item.icon, null),
-                            React.createElement("span", null, item.title),
-                            React.createElement(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.createElement(CollapsibleContent, null,
-                        React.createElement(SidebarMenuSub, null, item.subItems
-                            .filter(({ enabled }) => enabled)
-                            .sort((a, b) => a.order - b.order)
-                            .map((subItem) => (React.createElement(SidebarMenuSubItem, { key: subItem.title, className: `rounded-md ${subItem.isActive ? "bg-gray-200" : ""}` },
-                            React.createElement(SidebarMenuSubButton, { asChild: true },
-                                React.createElement(Link, { href: subItem.url },
-                                    React.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,39 +1 @@
-"use client";
-import { Folder, Forward, MoreHorizontal, Trash2 } from "lucide-react";
-import Link from "next/link";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
-import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./sidebar";
-import React from "react";
-export const NavProjects = ({ apps, offerUrl }) => {
-    var _a, _b;
-    const { isMobile } = useSidebar();
-    return (React.createElement(SidebarGroup, { className: "group-data-[collapsible=icon]:hidden" },
-        React.createElement(SidebarGroupLabel, null, "More Apps"),
-        React.createElement(SidebarMenu, null, (_b = (_a = apps === null || apps === void 0 ? void 0 : apps.filter(({ enabled }) => enabled)) === null || _a === void 0 ? void 0 : _a.sort((a, b) => a.order - b.order)) === null || _b === void 0 ? void 0 :
-            _b.map((item) => (React.createElement(SidebarMenuItem, { key: item.name },
-                React.createElement(SidebarMenuButton, { asChild: true },
-                    React.createElement(Link, { href: item.url },
-                        React.createElement(item.icon, null),
-                        React.createElement("span", null, item.name))),
-                React.createElement(DropdownMenu, null,
-                    React.createElement(DropdownMenuTrigger, { asChild: true },
-                        React.createElement(SidebarMenuAction, { showOnHover: true },
-                            React.createElement(MoreHorizontal, null),
-                            React.createElement("span", { className: "sr-only" }, "More"))),
-                    React.createElement(DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? "bottom" : "right", align: isMobile ? "end" : "start" },
-                        React.createElement(DropdownMenuItem, null,
-                            React.createElement(Folder, { className: "text-muted-foreground" }),
-                            React.createElement("span", null, "View Project")),
-                        React.createElement(DropdownMenuItem, null,
-                            React.createElement(Forward, { className: "text-muted-foreground" }),
-                            React.createElement("span", null, "Share Project")),
-                        React.createElement(DropdownMenuSeparator, null),
-                        React.createElement(DropdownMenuItem, null,
-                            React.createElement(Trash2, { className: "text-muted-foreground" }),
-                            React.createElement("span", null, "Delete Project"))))))),
-            offerUrl && (React.createElement(SidebarMenuItem, null,
-                React.createElement(Link, { href: offerUrl },
-                    React.createElement(SidebarMenuButton, { className: "text-sidebar-foreground/70" },
-                        React.createElement(MoreHorizontal, { className: "text-sidebar-foreground/70" }),
-                        React.createElement("span", null, "Offers"))))))));
-};
+"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"))))))};

package/components/nav-user.js

@@ -1,52 +1 @@
-"use client";
-import React from "react";
-import { ChevronsUpDown, LogOut } from "lucide-react";
-import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./sidebar";
-import Link from "next/link";
-export function NavUser({ user, footerNavItems, handleSignOut, }) {
-    const { isMobile } = useSidebar();
-    return (React.createElement(SidebarMenu, null,
-        React.createElement(SidebarMenuItem, null,
-            React.createElement(DropdownMenu, null,
-                React.createElement(DropdownMenuTrigger, { asChild: true },
-                    React.createElement(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground" },
-                        React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" },
-                            React.createElement(AvatarImage, { src: user.avatar, alt: user.name }),
-                            React.createElement(AvatarFallback, { className: "rounded-lg" }, user.name
-                                .split(" ")
-                                .map((n) => n[0])
-                                .join("")
-                                .toUpperCase())),
-                        React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
-                            React.createElement("span", { className: "truncate font-medium" }, user.name),
-                            React.createElement("span", { className: "truncate text-xs" }, user.email)),
-                        React.createElement(ChevronsUpDown, { className: "ml-auto size-4" }))),
-                React.createElement(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4 },
-                    React.createElement(DropdownMenuLabel, { className: "p-0 font-normal" },
-                        React.createElement("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" },
-                            React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" },
-                                React.createElement(AvatarImage, { src: user.avatar, alt: user.name }),
-                                React.createElement(AvatarFallback, { className: "rounded-lg" }, "CN")),
-                            React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
-                                React.createElement("span", { className: "truncate font-medium" }, user.name),
-                                React.createElement("span", { className: "truncate text-xs" }, user.email)))),
-                    React.createElement(DropdownMenuSeparator, null),
-                    footerNavItems
-                        .filter(({ enabled }) => enabled)
-                        .sort((a, b) => a.order - b.order)
-                        .map((item) => {
-                        if (item.title === "Divider") {
-                            return React.createElement(DropdownMenuSeparator, { key: item.title });
-                        }
-                        return (React.createElement(Link, { href: item.url, key: item.title },
-                            React.createElement(DropdownMenuItem, null,
-                                item.icon && React.createElement(item.icon, null),
-                                item.title)));
-                    }),
-                    React.createElement(DropdownMenuSeparator, null),
-                    React.createElement(DropdownMenuItem, { onClick: handleSignOut },
-                        React.createElement(LogOut, null),
-                        "Sign Out"))))));
-}
+"use strict";"use client";import e from"react";import{ChevronsUpDown as u,LogOut as p}from"lucide-react";import{Avatar as r,AvatarFallback as l,AvatarImage as m}from"./ui/avatar";import{DropdownMenu as E,DropdownMenuContent as g,DropdownMenuItem as c,DropdownMenuLabel as f,DropdownMenuSeparator as n,DropdownMenuTrigger as x}from"./ui/dropdown-menu";import{SidebarMenu as N,SidebarMenuButton as w,SidebarMenuItem as b,useSidebar as v}from"./sidebar";import M from"next/link";export function NavUser({user:a,footerNavItems:o,handleSignOut:s}){const{isMobile:i}=v();return e.createElement(N,null,e.createElement(b,null,e.createElement(E,null,e.createElement(x,{asChild:!0},e.createElement(w,{size:"lg",className:"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"},e.createElement(r,{className:"h-8 w-8 rounded-lg"},e.createElement(m,{src:a.avatar,alt:a.name}),e.createElement(l,{className:"rounded-lg"},a.name.split(" ").map(t=>t[0]).join("").toUpperCase())),e.createElement("div",{className:"grid flex-1 text-left text-sm leading-tight"},e.createElement("span",{className:"truncate font-medium"},a.name),e.createElement("span",{className:"truncate text-xs"},a.email)),e.createElement(u,{className:"ml-auto size-4"}))),e.createElement(g,{className:"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",side:i?"bottom":"right",align:"end",sideOffset:4},e.createElement(f,{className:"p-0 font-normal"},e.createElement("div",{className:"flex items-center gap-2 px-1 py-1.5 text-left text-sm"},e.createElement(r,{className:"h-8 w-8 rounded-lg"},e.createElement(m,{src:a.avatar,alt:a.name}),e.createElement(l,{className:"rounded-lg"},"CN")),e.createElement("div",{className:"grid flex-1 text-left text-sm leading-tight"},e.createElement("span",{className:"truncate font-medium"},a.name),e.createElement("span",{className:"truncate text-xs"},a.email)))),e.createElement(n,null),o.filter(({enabled:t})=>t).sort((t,d)=>t.order-d.order).map(t=>t.title==="Divider"?e.createElement(n,{key:t.title}):e.createElement(M,{href:t.url,key:t.title},e.createElement(c,null,t.icon&&e.createElement(t.icon,null),t.title))),e.createElement(n,null),e.createElement(c,{onClick:s},e.createElement(p,null),"Sign Out")))))}

package/components/show-toast.js

@@ -1,7 +1 @@
-import { generateThemeToast } from "../lib/toast-utils";
-export const showToast = (description, variant) => {
-    generateThemeToast({
-        description,
-        variant,
-    });
-};
+"use strict";import{generateThemeToast as t}from"../lib/toast-utils";export const showToast=(o,e)=>{t({description:o,variant:e})};