simplycms 0.4.0

package/dist/chunk-5DAAQK77.js

@@ -0,0 +1,264 @@
+import { adminPath } from './chunk-2VKURKLN.js';
+import { ImageUpload } from './chunk-RSL3DLME.js';
+import { RichTextEditor } from './chunk-FVUVJDMM.js';
+import { SectionPropertiesManager } from './chunk-DWO7VQQT.js';
+import { useState } from 'react';
+import { useParams, useNavigate } from '@tanstack/react-router';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';
+import { useT } from 'simplycms/i18n';
+import { Button } from 'simplycms/ui/button';
+import { Input } from 'simplycms/ui/input';
+import { Card, CardHeader, CardTitle, CardContent } from 'simplycms/ui/card';
+import { Label } from 'simplycms/ui/label';
+import { Switch } from 'simplycms/ui/switch';
+import { Separator } from 'simplycms/ui/separator';
+import { useToast } from 'simplycms/core/hooks/use-toast';
+import { Loader2, ArrowLeft, Save } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SectionEdit() {
+  const t = useT();
+  const supabase = useSupabaseClient();
+  const { sectionId } = useParams({ strict: false });
+  const navigate = useNavigate();
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const isNew = sectionId === "new";
+  const [formData, setFormData] = useState({
+    name: "",
+    slug: "",
+    description: "",
+    meta_title: "",
+    meta_description: "",
+    sort_order: 0,
+    is_active: true
+  });
+  const [sectionImage, setSectionImage] = useState([]);
+  const { data: section, isLoading } = useQuery({
+    queryKey: ["section", sectionId],
+    queryFn: async () => {
+      if (isNew) return null;
+      const { data, error } = await supabase.from("sections").select("*").eq("id", sectionId).single();
+      if (error) throw error;
+      return data;
+    },
+    enabled: !isNew
+  });
+  const [prevSectionId, setPrevSectionId] = useState(null);
+  if (section && section.id !== prevSectionId) {
+    setPrevSectionId(section.id);
+    setFormData({
+      name: section.name || "",
+      slug: section.slug || "",
+      description: section.description || "",
+      meta_title: section.meta_title || "",
+      meta_description: section.meta_description || "",
+      sort_order: section.sort_order || 0,
+      is_active: section.is_active ?? true
+    });
+    setSectionImage(section.image_url ? [section.image_url] : []);
+  }
+  const saveMutation = useMutation({
+    mutationFn: async () => {
+      const data = {
+        name: formData.name,
+        slug: formData.slug,
+        description: formData.description || null,
+        meta_title: formData.meta_title || null,
+        meta_description: formData.meta_description || null,
+        image_url: sectionImage.length > 0 ? sectionImage[0] : null,
+        is_active: formData.is_active,
+        sort_order: formData.sort_order
+      };
+      if (isNew) {
+        const { error } = await supabase.from("sections").insert([data]);
+        if (error) throw error;
+      } else {
+        const { error } = await supabase.from("sections").update(data).eq("id", sectionId);
+        if (error) throw error;
+      }
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["admin-sections"] });
+      queryClient.invalidateQueries({ queryKey: ["section", sectionId] });
+      toast({
+        title: isNew ? t("admin.sections.created") : t("admin.sections.saved")
+      });
+      if (isNew) {
+        navigate({ to: adminPath("sections") });
+      }
+    },
+    onError: (error) => {
+      toast({
+        variant: "destructive",
+        title: t("common.error"),
+        description: error.message
+      });
+    }
+  });
+  const handleChange = (field, value) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    saveMutation.mutate();
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            onClick: () => navigate({ to: adminPath("sections") }),
+            children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: isNew ? t("admin.sections.new") : formData.name || t("admin.sections.editTitle") }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: isNew ? t("admin.sections.newSubtitle") : t("admin.sections.editTitle") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleSubmit, disabled: saveMutation.isPending, children: [
+        saveMutation.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
+        t("common.save")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("common.basicInfo") }) }),
+            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "name", children: t("common.name") }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "name",
+                      value: formData.name,
+                      onChange: (e) => handleChange("name", e.target.value),
+                      required: true
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "slug", children: "URL (slug)" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "slug",
+                      value: formData.slug,
+                      onChange: (e) => handleChange("slug", e.target.value),
+                      required: true
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "description", children: t("common.description") }),
+                /* @__PURE__ */ jsx(
+                  RichTextEditor,
+                  {
+                    content: formData.description,
+                    onChange: (content) => handleChange("description", content),
+                    placeholder: t("admin.sections.descriptionPlaceholder")
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "SEO" }) }),
+            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "meta_title", children: "Meta Title" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "meta_title",
+                    value: formData.meta_title,
+                    onChange: (e) => handleChange("meta_title", e.target.value),
+                    placeholder: t("admin.sections.seoTitlePlaceholder")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "meta_description", children: "Meta Description" }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "meta_description",
+                    value: formData.meta_description,
+                    onChange: (e) => handleChange("meta_description", e.target.value),
+                    placeholder: t("common.seoDescription")
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("admin.nav.settings") }) }),
+            /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "is_active", children: t("common.activeM") }),
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    id: "is_active",
+                    checked: formData.is_active,
+                    onCheckedChange: (checked) => handleChange("is_active", checked)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(Separator, {}),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ jsx(Label, { htmlFor: "sort_order", children: t("common.sortOrder") }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    id: "sort_order",
+                    type: "number",
+                    value: formData.sort_order,
+                    onChange: (e) => handleChange("sort_order", parseInt(e.target.value) || 0)
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("common.image") }) }),
+            /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+              ImageUpload,
+              {
+                images: sectionImage,
+                onImagesChange: setSectionImage,
+                folder: "sections",
+                maxImages: 1
+              }
+            ) })
+          ] })
+        ] })
+      ] }),
+      !isNew && sectionId && /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: t("admin.properties.section.title") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("admin.sections.propertiesHint") })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(SectionPropertiesManager, { sectionId }) })
+      ] })
+    ] })
+  ] });
+}
+
+export { SectionEdit };
+//# sourceMappingURL=chunk-5DAAQK77.js.map
+//# sourceMappingURL=chunk-5DAAQK77.js.map

package/dist/chunk-5DAAQK77.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/pages/SectionEdit.tsx"],"names":[],"mappings":"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","file":"chunk-5DAAQK77.js","sourcesContent":["import { useState } from 'react';\nimport { useParams, useNavigate } from '@tanstack/react-router';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useSupabaseClient } from 'simplycms/supabase/SupabaseProvider';\nimport { useT } from 'simplycms/i18n';\nimport { Button } from 'simplycms/ui/button';\nimport { Input } from 'simplycms/ui/input';\nimport { Card, CardContent, CardHeader, CardTitle } from 'simplycms/ui/card';\nimport { Label } from 'simplycms/ui/label';\nimport { Switch } from 'simplycms/ui/switch';\nimport { Separator } from 'simplycms/ui/separator';\nimport { useToast } from 'simplycms/core/hooks/use-toast';\nimport { ArrowLeft, Loader2, Save } from 'lucide-react';\nimport { ImageUpload } from '../components/ImageUpload';\nimport { RichTextEditor } from '../components/RichTextEditor';\nimport { SectionPropertiesManager } from '../components/SectionPropertiesManager';\nimport { adminPath } from '../lib/adminLinks';\n\nexport default function SectionEdit() {\n  const t = useT();\n  const supabase = useSupabaseClient();\n  const { sectionId } = useParams({ strict: false }) as { sectionId: string };\n  const navigate = useNavigate();\n  const { toast } = useToast();\n  const queryClient = useQueryClient();\n  const isNew = sectionId === 'new';\n\n  const [formData, setFormData] = useState({\n    name: '',\n    slug: '',\n    description: '',\n    meta_title: '',\n    meta_description: '',\n    sort_order: 0,\n    is_active: true,\n  });\n  const [sectionImage, setSectionImage] = useState<string[]>([]);\n\n  // Fetch section data\n  const { data: section, isLoading } = useQuery({\n    queryKey: ['section', sectionId],\n    queryFn: async () => {\n      if (isNew) return null;\n      const { data, error } = await supabase\n        .from('sections')\n        .select('*')\n        .eq('id', sectionId)\n        .single();\n      if (error) throw error;\n      return data;\n    },\n    enabled: !isNew,\n  });\n\n  // Ініціалізація форми при завантаженні даних (adjust state during render)\n  const [prevSectionId, setPrevSectionId] = useState<string | null>(null);\n  if (section && section.id !== prevSectionId) {\n    setPrevSectionId(section.id);\n    setFormData({\n      name: section.name || '',\n      slug: section.slug || '',\n      description: section.description || '',\n      meta_title: section.meta_title || '',\n      meta_description: section.meta_description || '',\n      sort_order: section.sort_order || 0,\n      is_active: section.is_active ?? true,\n    });\n    setSectionImage(section.image_url ? [section.image_url] : []);\n  }\n\n  const saveMutation = useMutation({\n    mutationFn: async () => {\n      const data = {\n        name: formData.name,\n        slug: formData.slug,\n        description: formData.description || null,\n        meta_title: formData.meta_title || null,\n        meta_description: formData.meta_description || null,\n        image_url: sectionImage.length > 0 ? sectionImage[0] : null,\n        is_active: formData.is_active,\n        sort_order: formData.sort_order,\n      };\n\n      if (isNew) {\n        const { error } = await supabase.from('sections').insert([data]);\n        if (error) throw error;\n      } else {\n        const { error } = await supabase\n          .from('sections')\n          .update(data)\n          .eq('id', sectionId);\n        if (error) throw error;\n      }\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: ['admin-sections'] });\n      queryClient.invalidateQueries({ queryKey: ['section', sectionId] });\n      toast({\n        title: isNew ? t('admin.sections.created') : t('admin.sections.saved'),\n      });\n      if (isNew) {\n        navigate({ to: adminPath('sections') });\n      }\n    },\n    onError: (error) => {\n      toast({\n        variant: 'destructive',\n        title: t('common.error'),\n        description: error.message,\n      });\n    },\n  });\n\n  const handleChange = (field: string, value: string | number | boolean) => {\n    setFormData((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    saveMutation.mutate();\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-64\">\n        <Loader2 className=\"h-8 w-8 animate-spin\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-4\">\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            onClick={() => navigate({ to: adminPath('sections') })}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-3xl font-bold\">\n              {isNew\n                ? t('admin.sections.new')\n                : formData.name || t('admin.sections.editTitle')}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {isNew\n                ? t('admin.sections.newSubtitle')\n                : t('admin.sections.editTitle')}\n            </p>\n          </div>\n        </div>\n        <Button onClick={handleSubmit} disabled={saveMutation.isPending}>\n          {saveMutation.isPending ? (\n            <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />\n          ) : (\n            <Save className=\"h-4 w-4 mr-2\" />\n          )}\n          {t('common.save')}\n        </Button>\n      </div>\n\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        {/* Main Info */}\n        <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n          <div className=\"lg:col-span-2 space-y-6\">\n            <Card>\n              <CardHeader>\n                <CardTitle>{t('common.basicInfo')}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"name\">{t('common.name')}</Label>\n                    <Input\n                      id=\"name\"\n                      value={formData.name}\n                      onChange={(e) => handleChange('name', e.target.value)}\n                      required\n                    />\n                  </div>\n                  <div className=\"space-y-2\">\n                    <Label htmlFor=\"slug\">URL (slug)</Label>\n                    <Input\n                      id=\"slug\"\n                      value={formData.slug}\n                      onChange={(e) => handleChange('slug', e.target.value)}\n                      required\n                    />\n                  </div>\n                </div>\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"description\">{t('common.description')}</Label>\n                  <RichTextEditor\n                    content={formData.description}\n                    onChange={(content) => handleChange('description', content)}\n                    placeholder={t('admin.sections.descriptionPlaceholder')}\n                  />\n                </div>\n              </CardContent>\n            </Card>\n\n            {/* SEO */}\n            <Card>\n              <CardHeader>\n                <CardTitle>SEO</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"meta_title\">Meta Title</Label>\n                  <Input\n                    id=\"meta_title\"\n                    value={formData.meta_title}\n                    onChange={(e) => handleChange('meta_title', e.target.value)}\n                    placeholder={t('admin.sections.seoTitlePlaceholder')}\n                  />\n                </div>\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"meta_description\">Meta Description</Label>\n                  <Input\n                    id=\"meta_description\"\n                    value={formData.meta_description}\n                    onChange={(e) =>\n                      handleChange('meta_description', e.target.value)\n                    }\n                    placeholder={t('common.seoDescription')}\n                  />\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Sidebar */}\n          <div className=\"space-y-6\">\n            <Card>\n              <CardHeader>\n                <CardTitle>{t('admin.nav.settings')}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div className=\"flex items-center justify-between\">\n                  <Label htmlFor=\"is_active\">{t('common.activeM')}</Label>\n                  <Switch\n                    id=\"is_active\"\n                    checked={formData.is_active}\n                    onCheckedChange={(checked) =>\n                      handleChange('is_active', checked)\n                    }\n                  />\n                </div>\n                <Separator />\n                <div className=\"space-y-2\">\n                  <Label htmlFor=\"sort_order\">{t('common.sortOrder')}</Label>\n                  <Input\n                    id=\"sort_order\"\n                    type=\"number\"\n                    value={formData.sort_order}\n                    onChange={(e) =>\n                      handleChange('sort_order', parseInt(e.target.value) || 0)\n                    }\n                  />\n                </div>\n              </CardContent>\n            </Card>\n\n            <Card>\n              <CardHeader>\n                <CardTitle>{t('common.image')}</CardTitle>\n              </CardHeader>\n              <CardContent>\n                <ImageUpload\n                  images={sectionImage}\n                  onImagesChange={setSectionImage}\n                  folder=\"sections\"\n                  maxImages={1}\n                />\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n\n        {/* Properties Section - only for existing sections */}\n        {!isNew && sectionId && (\n          <Card>\n            <CardHeader>\n              <CardTitle>{t('admin.properties.section.title')}</CardTitle>\n              <p className=\"text-sm text-muted-foreground\">\n                {t('admin.sections.propertiesHint')}\n              </p>\n            </CardHeader>\n            <CardContent>\n              <SectionPropertiesManager sectionId={sectionId} />\n            </CardContent>\n          </Card>\n        )}\n      </form>\n    </div>\n  );\n}\n"]}

package/dist/chunk-5GOKOB4W.js

@@ -0,0 +1,121 @@
+import { cn } from 'simplycms/ui/utils';
+import { Check } from 'lucide-react';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/catalog-ui/ModificationSelector.tsx
+function ModificationSelector({
+  modifications,
+  selectedId,
+  onSelect,
+  formatPrice,
+  prices = {},
+  stockByModification = {}
+}) {
+  const t = useT();
+  if (modifications.length <= 1) {
+    return null;
+  }
+  const getModificationAvailability = (mod) => {
+    const stockInfo = stockByModification[mod.id];
+    if (stockInfo) {
+      return {
+        isAvailable: stockInfo.isAvailable,
+        totalQuantity: stockInfo.totalQuantity,
+        isOnOrder: mod.stock_status === "on_order"
+      };
+    }
+    return {
+      isAvailable: mod.stock_status !== "out_of_stock",
+      totalQuantity: 0,
+      isOnOrder: mod.stock_status === "on_order"
+    };
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-base font-medium", children: t("product.modification") }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: modifications.map((mod) => {
+      const availability = getModificationAvailability(mod);
+      const isUnavailable = !availability.isAvailable && !availability.isOnOrder;
+      const modPrice = prices[mod.id];
+      const isSelected = selectedId === mod.id;
+      return /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: mod.id,
+          className: cn(
+            "flex items-center justify-between p-4 border rounded-lg cursor-pointer transition-colors",
+            isSelected ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/50",
+            isUnavailable && "opacity-50 bg-muted/30"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: "modification",
+                  value: mod.id,
+                  id: mod.id,
+                  checked: isSelected,
+                  onChange: () => onSelect(mod.id),
+                  className: "sr-only"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "h-4 w-4 rounded-full border-2 flex items-center justify-center",
+                    isSelected ? "border-primary" : "border-muted-foreground/50"
+                  ),
+                  children: isSelected && /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-primary" })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "font-medium",
+                      isUnavailable && "text-muted-foreground"
+                    ),
+                    children: mod.name
+                  }
+                ),
+                mod.sku && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: t("product.sku", { sku: mod.sku }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              isUnavailable && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded bg-secondary text-secondary-foreground", children: t("product.outOfStock") }),
+              availability.isOnOrder && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded border border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/20", children: t("product.onOrder") }),
+              availability.isAvailable && !availability.isOnOrder && availability.totalQuantity > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs px-2 py-0.5 rounded border border-green-500 text-green-600 bg-green-50 dark:bg-green-950/20 flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+                t("product.unitsCount", {
+                  count: availability.totalQuantity
+                })
+              ] }),
+              modPrice && /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "font-bold",
+                      isUnavailable ? "text-muted-foreground" : "text-primary"
+                    ),
+                    children: formatPrice(modPrice.price)
+                  }
+                ),
+                modPrice.oldPrice && modPrice.oldPrice > modPrice.price && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground line-through", children: formatPrice(modPrice.oldPrice) })
+              ] })
+            ] })
+          ]
+        },
+        mod.id
+      );
+    }) })
+  ] });
+}
+
+export { ModificationSelector };
+//# sourceMappingURL=chunk-5GOKOB4W.js.map
+//# sourceMappingURL=chunk-5GOKOB4W.js.map

package/dist/chunk-5GOKOB4W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/catalog-ui/ModificationSelector.tsx"],"names":[],"mappings":";;;;;;AA4BO,SAAS,oBAAA,CAAqB;AAAA,EACnC,aAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAS,EAAC;AAAA,EACV,sBAAsB;AACxB,CAAA,EAA8B;AAC5B,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,IAAI,aAAA,CAAc,UAAU,CAAA,EAAG;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,2BAAA,GAA8B,CAAC,GAAA,KAAsB;AACzD,IAAA,MAAM,SAAA,GAAY,mBAAA,CAAoB,GAAA,CAAI,EAAE,CAAA;AAC5C,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,OAAO;AAAA,QACL,aAAa,SAAA,CAAU,WAAA;AAAA,QACvB,eAAe,SAAA,CAAU,aAAA;AAAA,QACzB,SAAA,EAAW,IAAI,YAAA,KAAiB;AAAA,OAClC;AAAA,IACF;AACA,IAAA,OAAO;AAAA,MACL,WAAA,EAAa,IAAI,YAAA,KAAiB,cAAA;AAAA,MAClC,aAAA,EAAe,CAAA;AAAA,MACf,SAAA,EAAW,IAAI,YAAA,KAAiB;AAAA,KAClC;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,uBAAA,EACd,QAAA,EAAA,CAAA,CAAE,sBAAsB,CAAA,EAC3B,CAAA;AAAA,wBACC,KAAA,EAAA,EAAI,SAAA,EAAU,cACZ,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,GAAA,KAAQ;AAC1B,MAAA,MAAM,YAAA,GAAe,4BAA4B,GAAG,CAAA;AACpD,MAAA,MAAM,aAAA,GACJ,CAAC,YAAA,CAAa,WAAA,IAAe,CAAC,YAAA,CAAa,SAAA;AAC7C,MAAA,MAAM,QAAA,GAAW,MAAA,CAAO,GAAA,CAAI,EAAE,CAAA;AAC9B,MAAA,MAAM,UAAA,GAAa,eAAe,GAAA,CAAI,EAAA;AAEtC,MAAA,uBACE,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UAEC,SAAS,GAAA,CAAI,EAAA;AAAA,UACb,SAAA,EAAW,EAAA;AAAA,YACT,0FAAA;AAAA,YACA,aACI,6BAAA,GACA,gDAAA;AAAA,YACJ,aAAA,IAAiB;AAAA,WACnB;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,OAAA;AAAA,kBACL,IAAA,EAAK,cAAA;AAAA,kBACL,OAAO,GAAA,CAAI,EAAA;AAAA,kBACX,IAAI,GAAA,CAAI,EAAA;AAAA,kBACR,OAAA,EAAS,UAAA;AAAA,kBACT,QAAA,EAAU,MAAM,QAAA,CAAS,GAAA,CAAI,EAAE,CAAA;AAAA,kBAC/B,SAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,gEAAA;AAAA,oBACA,aACI,gBAAA,GACA;AAAA,mBACN;AAAA,kBAEC,QAAA,EAAA,UAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAkC;AAAA;AAAA,eAErD;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,aAAA;AAAA,sBACA,aAAA,IAAiB;AAAA,qBACnB;AAAA,oBAEC,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA,iBACP;AAAA,gBACC,GAAA,CAAI,GAAA,oBACH,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAAA,EACZ,QAAA,EAAA,CAAA,CAAE,aAAA,EAAe,EAAE,GAAA,EAAK,GAAA,CAAI,GAAA,EAAK,CAAA,EACpC;AAAA,eAAA,EAEJ;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,cAAA,aAAA,wBACE,MAAA,EAAA,EAAK,SAAA,EAAU,oEAAA,EACb,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EACzB,CAAA;AAAA,cAED,YAAA,CAAa,6BACZ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,qGAAA,EACb,QAAA,EAAA,CAAA,CAAE,iBAAiB,CAAA,EACtB,CAAA;AAAA,cAED,YAAA,CAAa,WAAA,IACZ,CAAC,YAAA,CAAa,SAAA,IACd,YAAA,CAAa,aAAA,GAAgB,CAAA,oBAC3B,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6HAAA,EACd,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,KAAA,EAAA,EAAM,WAAU,SAAA,EAAU,CAAA;AAAA,gBAC1B,EAAE,oBAAA,EAAsB;AAAA,kBACvB,OAAO,YAAA,CAAa;AAAA,iBACrB;AAAA,eAAA,EACH,CAAA;AAAA,cAGH,QAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACb,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,WAAA;AAAA,sBACA,gBACI,uBAAA,GACA;AAAA,qBACN;AAAA,oBAEC,QAAA,EAAA,WAAA,CAAY,SAAS,KAAK;AAAA;AAAA,iBAC7B;AAAA,gBACC,QAAA,CAAS,QAAA,IACR,QAAA,CAAS,QAAA,GAAW,QAAA,CAAS,KAAA,oBAC3B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EACZ,QAAA,EAAA,WAAA,CAAY,QAAA,CAAS,QAAQ,CAAA,EAChC;AAAA,eAAA,EAEN;AAAA,aAAA,EAEJ;AAAA;AAAA,SAAA;AAAA,QA1FK,GAAA,CAAI;AAAA,OA2FX;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-5GOKOB4W.js","sourcesContent":["import { cn } from 'simplycms/ui/utils';\nimport { Check } from 'lucide-react';\nimport { useT } from 'simplycms/i18n';\n\ntype StockStatus = 'in_stock' | 'out_of_stock' | 'on_order';\n\nexport interface ModificationStockInfo {\n  totalQuantity: number;\n  isAvailable: boolean;\n}\n\ninterface Modification {\n  id: string;\n  name: string;\n  slug: string;\n  stock_status?: StockStatus | null;\n  sku?: string | null;\n}\n\ninterface ModificationSelectorProps {\n  modifications: Modification[];\n  selectedId: string;\n  onSelect: (id: string) => void;\n  formatPrice: (price: number) => string;\n  prices?: Record<string, { price: number; oldPrice: number | null }>;\n  stockByModification?: Record<string, ModificationStockInfo>;\n}\n\nexport function ModificationSelector({\n  modifications,\n  selectedId,\n  onSelect,\n  formatPrice,\n  prices = {},\n  stockByModification = {},\n}: ModificationSelectorProps) {\n  const t = useT();\n\n  if (modifications.length <= 1) {\n    return null;\n  }\n\n  const getModificationAvailability = (mod: Modification) => {\n    const stockInfo = stockByModification[mod.id];\n    if (stockInfo) {\n      return {\n        isAvailable: stockInfo.isAvailable,\n        totalQuantity: stockInfo.totalQuantity,\n        isOnOrder: mod.stock_status === 'on_order',\n      };\n    }\n    return {\n      isAvailable: mod.stock_status !== 'out_of_stock',\n      totalQuantity: 0,\n      isOnOrder: mod.stock_status === 'on_order',\n    };\n  };\n\n  return (\n    <div className=\"space-y-3\">\n      <label className=\"text-base font-medium\">\n        {t('product.modification')}\n      </label>\n      <div className=\"grid gap-3\">\n        {modifications.map((mod) => {\n          const availability = getModificationAvailability(mod);\n          const isUnavailable =\n            !availability.isAvailable && !availability.isOnOrder;\n          const modPrice = prices[mod.id];\n          const isSelected = selectedId === mod.id;\n\n          return (\n            <label\n              key={mod.id}\n              htmlFor={mod.id}\n              className={cn(\n                'flex items-center justify-between p-4 border rounded-lg cursor-pointer transition-colors',\n                isSelected\n                  ? 'border-primary bg-primary/5'\n                  : 'border-border hover:border-muted-foreground/50',\n                isUnavailable && 'opacity-50 bg-muted/30',\n              )}\n            >\n              <div className=\"flex items-center gap-3\">\n                <input\n                  type=\"radio\"\n                  name=\"modification\"\n                  value={mod.id}\n                  id={mod.id}\n                  checked={isSelected}\n                  onChange={() => onSelect(mod.id)}\n                  className=\"sr-only\"\n                />\n                <div\n                  className={cn(\n                    'h-4 w-4 rounded-full border-2 flex items-center justify-center',\n                    isSelected\n                      ? 'border-primary'\n                      : 'border-muted-foreground/50',\n                  )}\n                >\n                  {isSelected && (\n                    <div className=\"h-2 w-2 rounded-full bg-primary\" />\n                  )}\n                </div>\n                <div>\n                  <div\n                    className={cn(\n                      'font-medium',\n                      isUnavailable && 'text-muted-foreground',\n                    )}\n                  >\n                    {mod.name}\n                  </div>\n                  {mod.sku && (\n                    <div className=\"text-xs text-muted-foreground\">\n                      {t('product.sku', { sku: mod.sku })}\n                    </div>\n                  )}\n                </div>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                {isUnavailable && (\n                  <span className=\"text-xs px-2 py-0.5 rounded bg-secondary text-secondary-foreground\">\n                    {t('product.outOfStock')}\n                  </span>\n                )}\n                {availability.isOnOrder && (\n                  <span className=\"text-xs px-2 py-0.5 rounded border border-amber-500 text-amber-600 bg-amber-50 dark:bg-amber-950/20\">\n                    {t('product.onOrder')}\n                  </span>\n                )}\n                {availability.isAvailable &&\n                  !availability.isOnOrder &&\n                  availability.totalQuantity > 0 && (\n                    <span className=\"text-xs px-2 py-0.5 rounded border border-green-500 text-green-600 bg-green-50 dark:bg-green-950/20 flex items-center gap-1\">\n                      <Check className=\"h-3 w-3\" />\n                      {t('product.unitsCount', {\n                        count: availability.totalQuantity,\n                      })}\n                    </span>\n                  )}\n\n                {modPrice && (\n                  <div className=\"text-right\">\n                    <div\n                      className={cn(\n                        'font-bold',\n                        isUnavailable\n                          ? 'text-muted-foreground'\n                          : 'text-primary',\n                      )}\n                    >\n                      {formatPrice(modPrice.price)}\n                    </div>\n                    {modPrice.oldPrice &&\n                      modPrice.oldPrice > modPrice.price && (\n                        <div className=\"text-sm text-muted-foreground line-through\">\n                          {formatPrice(modPrice.oldPrice)}\n                        </div>\n                      )}\n                  </div>\n                )}\n              </div>\n            </label>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-5JTWID4O.js

@@ -0,0 +1,3 @@
+export { ModificationSelector } from 'simplycms/catalog-ui/ModificationSelector';
+//# sourceMappingURL=chunk-5JTWID4O.js.map
+//# sourceMappingURL=chunk-5JTWID4O.js.map

package/dist/chunk-5JTWID4O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-5JTWID4O.js","sourcesContent":[]}

package/dist/chunk-5O4GVI37.js

@@ -0,0 +1,18 @@
+import { createServerFn } from '@tanstack/react-start';
+import { z } from 'zod';
+import { withStorefrontDb, loadBanners } from 'simplycms/storefront/loaders';
+
+// src/core/lib/banners.ts
+var getBanners = createServerFn({ method: "GET" }).inputValidator(
+  z.object({
+    placement: z.string().min(1),
+    sectionId: z.string().uuid().nullable().optional()
+  })
+).handler(async ({ data }) => {
+  const query = data;
+  return withStorefrontDb((db) => loadBanners(db, query));
+});
+
+export { getBanners };
+//# sourceMappingURL=chunk-5O4GVI37.js.map
+//# sourceMappingURL=chunk-5O4GVI37.js.map

package/dist/chunk-5O4GVI37.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/lib/banners.ts"],"names":[],"mappings":";;;;;AAiBO,IAAM,aAAa,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CACvD,cAAA;AAAA,EACC,EAAE,MAAA,CAAO;AAAA,IACP,SAAA,EAAW,CAAA,CAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA;AAAA,IAC3B,SAAA,EAAW,EAAE,MAAA,EAAO,CAAE,MAAK,CAAE,QAAA,GAAW,QAAA;AAAS,GAClD;AACH,CAAA,CACC,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAK,KAAyB;AAC9C,EAAA,MAAM,KAAA,GAAQ,IAAA;AACd,EAAA,OAAO,iBAAiB,CAAC,EAAA,KAAO,WAAA,CAAY,EAAA,EAAI,KAAK,CAAC,CAAA;AACxD,CAAC","file":"chunk-5O4GVI37.js","sourcesContent":["import { createServerFn } from '@tanstack/react-start';\nimport { z } from 'zod';\nimport type { Banner } from 'simplycms/contracts';\nimport { loadBanners, withStorefrontDb } from 'simplycms/storefront/loaders';\n\n/**\n * Банери одного місця розміщення.\n *\n * 🔴 Живе в `core/lib`, а не поруч із рештою serverFn-ів вітрини\n * (`storefront-routes/server`), суто через напрямок шарів: споживач — хук у\n * `core` (T5), а `storefront-routes` — теж T5, і тір-зона ПК3 забороняє\n * імпорт убік/угору. Правильна відповідь — опустити ФУНКЦІЮ до спільного\n * шару, а не послабити зону.\n *\n * 🔴 Модуль містить рівно один експорт-serverFn і жодної звичайної функції —\n * причина та сама, що в `./price-type`.\n */\nexport const getBanners = createServerFn({ method: 'GET' })\n  .inputValidator(\n    z.object({\n      placement: z.string().min(1),\n      sectionId: z.string().uuid().nullable().optional(),\n    }),\n  )\n  .handler(async ({ data }): Promise<Banner[]> => {\n    const query = data as { placement: string; sectionId?: string | null };\n    return withStorefrontDb((db) => loadBanners(db, query));\n  });\n"]}

package/dist/chunk-5QDPW3VW.js

@@ -0,0 +1,3 @@
+export { ProductCard } from 'simplycms/catalog-ui/ProductCard';
+//# sourceMappingURL=chunk-5QDPW3VW.js.map
+//# sourceMappingURL=chunk-5QDPW3VW.js.map

package/dist/chunk-5QDPW3VW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-5QDPW3VW.js","sourcesContent":[]}

package/dist/chunk-5UP3MCBC.js

@@ -0,0 +1,118 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, ChevronUp, Check } from 'lucide-react';
+import { cn } from 'simplycms/ui/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ui/select.tsx
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=chunk-5UP3MCBC.js.map
+//# sourceMappingURL=chunk-5UP3MCBC.js.map

package/dist/chunk-5UP3MCBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/select.tsx"],"names":[],"mappings":"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","file":"chunk-5UP3MCBC.js","sourcesContent":["import * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst Select = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1',\n      className,\n    )}\n    {...props}\n  >\n    <ChevronUp className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      'flex cursor-default items-center justify-center py-1',\n      className,\n    )}\n    {...props}\n  >\n    <ChevronDown className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = 'popper', ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        'relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        position === 'popper' &&\n          'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          'p-1',\n          position === 'popper' &&\n            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"]}