@happyvertical/smrt-products 0.30.0

package/dist/lib/chunks/ProductForm-DHeb2L24.js

@@ -0,0 +1,371 @@
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { defineMessages, useI18n } from "@happyvertical/smrt-ui/i18n";
+var root_1$1 = $.from_html(`<div class="product-manufacturer svelte-11ja2cl"> </div>`);
+var root_2$1 = $.from_html(`<div class="product-model svelte-11ja2cl"> </div>`);
+var root_3$1 = $.from_html(`<p class="product-description svelte-11ja2cl"> </p>`);
+var root_4 = $.from_html(`<div class="product-category svelte-11ja2cl"> </div>`);
+var root_6 = $.from_html(`<span class="tag svelte-11ja2cl"> </span>`);
+var root_5 = $.from_html(`<div class="product-tags svelte-11ja2cl"></div>`);
+var root_7 = $.from_html(`<button type="button" class="edit-btn svelte-11ja2cl">Edit</button>`);
+var root_8 = $.from_html(`<button type="button" class="delete-btn svelte-11ja2cl">Delete</button>`);
+var root$1 = $.from_html(`<div class="product-card svelte-11ja2cl"><div class="product-header svelte-11ja2cl"><h3 class="product-name svelte-11ja2cl"> </h3> <!></div> <!> <!> <div class="product-meta svelte-11ja2cl"><!> <!></div> <div class="product-actions svelte-11ja2cl"><!> <!></div></div>`);
+function ProductCard($$anchor, $$props) {
+  $.push($$props, true);
+  var div = root$1();
+  var div_1 = $.child(div);
+  var h3 = $.child(div_1);
+  var text = $.child(h3, true);
+  $.reset(h3);
+  var node = $.sibling(h3, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var div_2 = root_1$1();
+      var text_1 = $.child(div_2, true);
+      $.reset(div_2);
+      $.template_effect(() => $.set_text(text_1, $$props.product.manufacturer));
+      $.append($$anchor2, div_2);
+    };
+    $.if(node, ($$render) => {
+      if ($$props.product.manufacturer) $$render(consequent);
+    });
+  }
+  $.reset(div_1);
+  var node_1 = $.sibling(div_1, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var div_3 = root_2$1();
+      var text_2 = $.child(div_3);
+      $.reset(div_3);
+      $.template_effect(() => $.set_text(text_2, `Model: ${$$props.product.model ?? ""}`));
+      $.append($$anchor2, div_3);
+    };
+    $.if(node_1, ($$render) => {
+      if ($$props.product.model) $$render(consequent_1);
+    });
+  }
+  var node_2 = $.sibling(node_1, 2);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var p = root_3$1();
+      var text_3 = $.child(p, true);
+      $.reset(p);
+      $.template_effect(() => $.set_text(text_3, $$props.product.description));
+      $.append($$anchor2, p);
+    };
+    $.if(node_2, ($$render) => {
+      if ($$props.product.description) $$render(consequent_2);
+    });
+  }
+  var div_4 = $.sibling(node_2, 2);
+  var node_3 = $.child(div_4);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var div_5 = root_4();
+      var text_4 = $.child(div_5);
+      $.reset(div_5);
+      $.template_effect(() => $.set_text(text_4, `Category: ${$$props.product.category ?? ""}`));
+      $.append($$anchor2, div_5);
+    };
+    $.if(node_3, ($$render) => {
+      if ($$props.product.category) $$render(consequent_3);
+    });
+  }
+  var node_4 = $.sibling(node_3, 2);
+  {
+    var consequent_4 = ($$anchor2) => {
+      var div_6 = root_5();
+      $.each(div_6, 21, () => $$props.product.tags, $.index, ($$anchor3, tag) => {
+        var span = root_6();
+        var text_5 = $.child(span, true);
+        $.reset(span);
+        $.template_effect(() => $.set_text(text_5, $.get(tag)));
+        $.append($$anchor3, span);
+      });
+      $.reset(div_6);
+      $.append($$anchor2, div_6);
+    };
+    $.if(node_4, ($$render) => {
+      if ($$props.product.tags && $$props.product.tags.length > 0) $$render(consequent_4);
+    });
+  }
+  $.reset(div_4);
+  var div_7 = $.sibling(div_4, 2);
+  var node_5 = $.child(div_7);
+  {
+    var consequent_5 = ($$anchor2) => {
+      var button = root_7();
+      $.delegated("click", button, () => $$props.onEdit?.($$props.product));
+      $.append($$anchor2, button);
+    };
+    $.if(node_5, ($$render) => {
+      if ($$props.onEdit) $$render(consequent_5);
+    });
+  }
+  var node_6 = $.sibling(node_5, 2);
+  {
+    var consequent_6 = ($$anchor2) => {
+      var button_1 = root_8();
+      $.delegated("click", button_1, () => $$props.onDelete?.($$props.product.id));
+      $.append($$anchor2, button_1);
+    };
+    $.if(node_6, ($$render) => {
+      if ($$props.onDelete) $$render(consequent_6);
+    });
+  }
+  $.reset(div_7);
+  $.reset(div);
+  $.template_effect(() => $.set_text(text, $$props.product.name));
+  $.append($$anchor, div);
+  $.pop();
+}
+$.delegate(["click"]);
+const M = defineMessages({
+  // App
+  "products.app.categories_coming_soon": "Category management coming soon...",
+  "products.app.analytics_coming_soon": "Analytics dashboard coming soon...",
+  // AppLayout
+  "products.app_layout.service_title": "Product Service",
+  "products.app_layout.footer_copyright": "2024 SMRT Product Service - Auto-generated with ❤️",
+  "products.app_layout.api_docs": "API Docs",
+  "products.app_layout.mcp_tools": "MCP Tools",
+  // DemoPage
+  "products.demo_page.title": "SMRT Framework Demo",
+  "products.demo_page.subtitle": "Define Once, Consume Everywhere - Progressive Customization",
+  "products.demo_page.custom_components_tab": "Custom Components",
+  "products.demo_page.auto_generated_heading": "Auto-Generated UI from SMRT Object",
+  "products.demo_page.auto_generated_description": "This form is automatically generated from the Product class definition.\n          The field types, labels, and validation rules are inferred from the TypeScript schema.",
+  "products.demo_page.generated_form_heading": "Generated Form",
+  "products.demo_page.auto_form_title": "Auto-Generated Product Form",
+  "products.demo_page.generated_display_heading": "Generated Display",
+  "products.demo_page.custom_components_heading": "Custom Components with SMRT Integration",
+  "products.demo_page.custom_components_description": "These are hand-crafted components that still leverage the SMRT data structure\n          but provide custom UI/UX for specific business requirements.",
+  "products.demo_page.custom_form_heading": "Custom Form",
+  "products.demo_page.custom_display_heading": "Custom Display",
+  "products.demo_page.progressive_heading": "Progressive Customization",
+  "products.demo_page.progressive_description": "Start with auto-generated components, then progressively customize as needed.\n          Both approaches use the same underlying SMRT Product model.",
+  "products.demo_page.feature_zero_config": "✅ Zero configuration",
+  "products.demo_page.feature_instant_ui": "✅ Instant UI from schema",
+  "products.demo_page.feature_type_safe": "✅ Type-safe by default",
+  "products.demo_page.feature_prototyping": "⚡ Perfect for prototyping",
+  "products.demo_page.custom_components_label": "🎨 Custom Components",
+  "products.demo_page.feature_tailored_ux": "✅ Tailored UX",
+  "products.demo_page.feature_business_workflows": "✅ Business-specific workflows",
+  "products.demo_page.feature_advanced_interactions": "✅ Advanced interactions",
+  "products.demo_page.simple_auto_form_title": "Auto Form",
+  "products.demo_page.benefits_heading": "SMRT Framework Benefits",
+  "products.demo_page.benefit_define_once_label": "Define Once:",
+  "products.demo_page.benefit_define_once_text": "Product class with @smrt decorator",
+  "products.demo_page.benefit_auto_generate_label": "Auto-Generate:",
+  "products.demo_page.benefit_auto_generate_text": "REST APIs, MCP tools, TypeScript clients, default UI",
+  "products.demo_page.benefit_progressive_label": "Progressive Enhancement:",
+  "products.demo_page.benefit_progressive_text": "Start with defaults, customize as needed",
+  "products.demo_page.benefit_type_safety_label": "Type Safety:",
+  "products.demo_page.benefit_type_safety_text": "End-to-end TypeScript integration",
+  "products.demo_page.benefit_multiple_consumption_label": "Multiple Consumption:",
+  "products.demo_page.benefit_multiple_consumption_text": "Library, federation, standalone",
+  // ProductsPage
+  "products.products_page.description": "Manage your product catalog with auto-generated CRUD operations, \n          real-time updates, and AI-powered tools via MCP.",
+  "products.products_page.auto_generated_text": "REST API endpoints automatically created from @smrt() decorated Product class",
+  "products.products_page.ai_ready_heading": "🤖 AI Ready",
+  "products.products_page.ai_ready_text": "MCP tools available for Claude and other AI models to interact with products",
+  "products.products_page.federatable_text": "Components can be consumed by other applications via module federation",
+  "products.products_page.library_text": "Install as NPM package: npm install @have/smrt-template",
+  // ProductForm
+  "products.product_form.name_label": "Product Name *",
+  "products.product_form.name_placeholder": "Enter product name",
+  "products.product_form.description_placeholder": "Product description (optional)",
+  "products.product_form.category_placeholder": "Product category",
+  "products.product_form.tags_placeholder": "tag1, tag2, tag3",
+  "products.product_form.tags_hint": "Separate tags with commas",
+  "products.product_form.in_stock_label": "In Stock",
+  // TestComponent
+  "products.test_component.title": "Test Component",
+  // AutoForm
+  "products.auto_form.subtitle": "Auto-generated from SMRT Product model",
+  "products.auto_form.debug_summary": "Form Data (Debug)",
+  // FieldRenderer
+  "products.field_renderer.array_hint": "Enter values separated by commas",
+  "products.field_renderer.object_hint": "Enter valid JSON",
+  // CategoryManager
+  "products.category_manager.title": "Category Manager",
+  "products.category_manager.subtitle": "Manage product categories",
+  "products.category_manager.coming_soon": "Category management feature coming soon...",
+  "products.category_manager.will_include": "This will include:",
+  "products.category_manager.create_edit": "Create and edit categories",
+  "products.category_manager.organize_hierarchy": "Organize category hierarchy",
+  "products.category_manager.manage_permissions": "Manage category permissions",
+  "products.category_manager.analytics": "Category analytics",
+  // ProductCatalog
+  "products.product_catalog.title": "Product Catalog",
+  "products.product_catalog.in_stock": "in stock",
+  "products.product_catalog.total_value": "Total value:",
+  "products.product_catalog.search_placeholder": "Search products...",
+  "products.product_catalog.all_categories": "All Categories",
+  "products.product_catalog.add_product": "Add Product",
+  "products.product_catalog.loading": "Loading products...",
+  "products.product_catalog.empty": "No products yet. Create your first product to get started!",
+  "products.product_catalog.create_first": "Create First Product",
+  "products.product_catalog.no_match": "No products match your search criteria."
+});
+var root_1 = $.from_html(`<span class="error-message svelte-1hh5ovx"> </span>`);
+var root_2 = $.from_html(`<span class="error-message svelte-1hh5ovx"> </span>`);
+var root_3 = $.from_html(`<button type="button" class="cancel-btn svelte-1hh5ovx">Cancel</button>`);
+var root = $.from_html(`<form class="product-form svelte-1hh5ovx"><div class="form-group svelte-1hh5ovx"><label for="name" class="svelte-1hh5ovx"> </label> <input id="name" type="text"/> <!></div> <div class="form-group svelte-1hh5ovx"><label for="description" class="svelte-1hh5ovx">Description</label> <textarea id="description" class="form-textarea svelte-1hh5ovx" rows="3"></textarea></div> <div class="form-row svelte-1hh5ovx"><div class="form-group svelte-1hh5ovx"><label for="price" class="svelte-1hh5ovx">Price *</label> <input id="price" type="number" step="0.01" min="0" placeholder="0.00"/> <!></div> <div class="form-group svelte-1hh5ovx"><label for="category" class="svelte-1hh5ovx">Category</label> <input id="category" type="text" class="form-input svelte-1hh5ovx"/></div></div> <div class="form-group svelte-1hh5ovx"><label for="tags" class="svelte-1hh5ovx">Tags</label> <input id="tags" type="text" class="form-input svelte-1hh5ovx"/> <small class="form-hint svelte-1hh5ovx"> </small></div> <div class="form-group svelte-1hh5ovx"><label class="checkbox-label svelte-1hh5ovx"><input type="checkbox" class="form-checkbox svelte-1hh5ovx"/> </label></div> <div class="form-actions svelte-1hh5ovx"><!> <button type="submit" class="submit-btn svelte-1hh5ovx"><!></button></div></form>`);
+function ProductForm($$anchor, $$props) {
+  $.push($$props, true);
+  const { t } = useI18n();
+  const product = $.prop($$props, "product", 19, () => ({})), loading = $.prop($$props, "loading", 3, false);
+  const formData = $.proxy({
+    name: product().name || "",
+    description: product().description || "",
+    price: product().price || 0,
+    inStock: product().inStock ?? true,
+    category: product().category || "",
+    tags: product().tags?.join(", ") || ""
+  });
+  let errors = $.state($.proxy({}));
+  var form = root();
+  var div = $.child(form);
+  var label = $.child(div);
+  var text = $.child(label, true);
+  $.reset(label);
+  var input = $.sibling(label, 2);
+  $.remove_input_defaults(input);
+  let classes;
+  var node = $.sibling(input, 2);
+  {
+    var consequent = ($$anchor2) => {
+      var span = root_1();
+      var text_1 = $.child(span, true);
+      $.reset(span);
+      $.template_effect(() => $.set_text(text_1, $.get(errors).name));
+      $.append($$anchor2, span);
+    };
+    $.if(node, ($$render) => {
+      if ($.get(errors).name) $$render(consequent);
+    });
+  }
+  $.reset(div);
+  var div_1 = $.sibling(div, 2);
+  var textarea = $.sibling($.child(div_1), 2);
+  $.remove_textarea_child(textarea);
+  $.reset(div_1);
+  var div_2 = $.sibling(div_1, 2);
+  var div_3 = $.child(div_2);
+  var input_1 = $.sibling($.child(div_3), 2);
+  $.remove_input_defaults(input_1);
+  let classes_1;
+  var node_1 = $.sibling(input_1, 2);
+  {
+    var consequent_1 = ($$anchor2) => {
+      var span_1 = root_2();
+      var text_2 = $.child(span_1, true);
+      $.reset(span_1);
+      $.template_effect(() => $.set_text(text_2, $.get(errors).price));
+      $.append($$anchor2, span_1);
+    };
+    $.if(node_1, ($$render) => {
+      if ($.get(errors).price) $$render(consequent_1);
+    });
+  }
+  $.reset(div_3);
+  var div_4 = $.sibling(div_3, 2);
+  var input_2 = $.sibling($.child(div_4), 2);
+  $.remove_input_defaults(input_2);
+  $.reset(div_4);
+  $.reset(div_2);
+  var div_5 = $.sibling(div_2, 2);
+  var input_3 = $.sibling($.child(div_5), 2);
+  $.remove_input_defaults(input_3);
+  var small = $.sibling(input_3, 2);
+  var text_3 = $.child(small, true);
+  $.reset(small);
+  $.reset(div_5);
+  var div_6 = $.sibling(div_5, 2);
+  var label_1 = $.child(div_6);
+  var input_4 = $.child(label_1);
+  $.remove_input_defaults(input_4);
+  var text_4 = $.sibling(input_4);
+  $.reset(label_1);
+  $.reset(div_6);
+  var div_7 = $.sibling(div_6, 2);
+  var node_2 = $.child(div_7);
+  {
+    var consequent_2 = ($$anchor2) => {
+      var button = root_3();
+      $.template_effect(() => button.disabled = loading());
+      $.delegated("click", button, function(...$$args) {
+        $$props.onCancel?.apply(this, $$args);
+      });
+      $.append($$anchor2, button);
+    };
+    $.if(node_2, ($$render) => {
+      if ($$props.onCancel) $$render(consequent_2);
+    });
+  }
+  var button_1 = $.sibling(node_2, 2);
+  var node_3 = $.child(button_1);
+  {
+    var consequent_3 = ($$anchor2) => {
+      var text_5 = $.text("Saving...");
+      $.append($$anchor2, text_5);
+    };
+    var alternate = ($$anchor2) => {
+      var text_6 = $.text();
+      $.template_effect(() => $.set_text(text_6, product().id ? "Update Product" : "Create Product"));
+      $.append($$anchor2, text_6);
+    };
+    $.if(node_3, ($$render) => {
+      if (loading()) $$render(consequent_3);
+      else $$render(alternate, -1);
+    });
+  }
+  $.reset(button_1);
+  $.reset(div_7);
+  $.reset(form);
+  $.template_effect(
+    ($0, $1, $2, $3, $4, $5, $6) => {
+      $.set_text(text, $0);
+      input.disabled = loading();
+      classes = $.set_class(input, 1, "form-input svelte-1hh5ovx", null, classes, { error: $.get(errors).name });
+      $.set_attribute(input, "placeholder", $1);
+      textarea.disabled = loading();
+      $.set_attribute(textarea, "placeholder", $2);
+      input_1.disabled = loading();
+      classes_1 = $.set_class(input_1, 1, "form-input svelte-1hh5ovx", null, classes_1, { error: $.get(errors).price });
+      input_2.disabled = loading();
+      $.set_attribute(input_2, "placeholder", $3);
+      input_3.disabled = loading();
+      $.set_attribute(input_3, "placeholder", $4);
+      $.set_text(text_3, $5);
+      input_4.disabled = loading();
+      $.set_text(text_4, ` ${$6 ?? ""}`);
+      button_1.disabled = loading();
+    },
+    [
+      () => t(M["products.product_form.name_label"]),
+      () => t(M["products.product_form.name_placeholder"]),
+      () => t(M["products.product_form.description_placeholder"]),
+      () => t(M["products.product_form.category_placeholder"]),
+      () => t(M["products.product_form.tags_placeholder"]),
+      () => t(M["products.product_form.tags_hint"]),
+      () => t(M["products.product_form.in_stock_label"])
+    ]
+  );
+  $.event("submit", form, handleSubmit);
+  $.bind_value(input, () => formData.name, ($$value) => formData.name = $$value);
+  $.bind_value(textarea, () => formData.description, ($$value) => formData.description = $$value);
+  $.bind_value(input_1, () => formData.price, ($$value) => formData.price = $$value);
+  $.bind_value(input_2, () => formData.category, ($$value) => formData.category = $$value);
+  $.bind_value(input_3, () => formData.tags, ($$value) => formData.tags = $$value);
+  $.bind_checked(input_4, () => formData.inStock, ($$value) => formData.inStock = $$value);
+  $.append($$anchor, form);
+  $.pop();
+}
+$.delegate(["click"]);
+export {
+  ProductCard as P,
+  ProductForm as a
+};
+//# sourceMappingURL=ProductForm-DHeb2L24.js.map

package/dist/lib/chunks/ProductForm-DHeb2L24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductForm-DHeb2L24.js","sources":["../../../src/lib/components/ProductCard.svelte","../../../src/lib/i18n.ts","../../../src/lib/components/ProductForm.svelte"],"sourcesContent":["<script lang=\"ts\">\nimport type { ProductData } from '../types';\n\ninterface Props {\n  product: ProductData;\n  onEdit?: (product: ProductData) => void;\n  onDelete?: (id: string) => void;\n}\n\nconst { product, onEdit, onDelete }: Props = $props();\n</script>\n\n<div class=\"product-card\">\n  <div class=\"product-header\">\n    <h3 class=\"product-name\">{product.name}</h3>\n    {#if product.manufacturer}\n      <div class=\"product-manufacturer\">{product.manufacturer}</div>\n    {/if}\n  </div>\n\n  {#if product.model}\n    <div class=\"product-model\">Model: {product.model}</div>\n  {/if}\n\n  {#if product.description}\n    <p class=\"product-description\">{product.description}</p>\n  {/if}\n\n  <div class=\"product-meta\">\n    {#if product.category}\n      <div class=\"product-category\">Category: {product.category}</div>\n    {/if}\n    \n    {#if product.tags && product.tags.length > 0}\n      <div class=\"product-tags\">\n        {#each product.tags as tag}\n          <span class=\"tag\">{tag}</span>\n        {/each}\n      </div>\n    {/if}\n  </div>\n  \n  <div class=\"product-actions\">\n    {#if onEdit}\n      <button type=\"button\" onclick={() => onEdit?.(product)} class=\"edit-btn\">\n        Edit\n      </button>\n    {/if}\n    \n    {#if onDelete}\n      <button type=\"button\" onclick={() => onDelete?.(product.id)} class=\"delete-btn\">\n        Delete\n      </button>\n    {/if}\n  </div>\n</div>\n\n<style>\n  .product-card {\n    border: 1px solid var(--smrt-color-outline-variant, #e2e8f0);\n    border-radius: var(--smrt-radius-md, 8px);\n    padding: 1rem;\n    background: white;\n    box-shadow: var(--smrt-elevation-1, 0 1px 3px color-mix(in srgb, var(--smrt-color-shadow, #000) 10%, transparent));\n    transition: box-shadow 0.2s;\n  }\n\n  .product-card:hover {\n    box-shadow: var(--smrt-elevation-2, 0 4px 6px color-mix(in srgb, var(--smrt-color-shadow, #000) 10%, transparent));\n  }\n  \n  .product-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 0.5rem;\n  }\n  \n  .product-name {\n    margin: 0;\n    font-size: var(--smrt-typography-title-medium-size, 1.125rem);\n    font-weight: var(--smrt-typography-weight-semibold, 600);\n    color: var(--smrt-color-on-surface, #1f2937);\n  }\n\n  .product-manufacturer {\n    font-size: var(--smrt-typography-title-small-size, 0.875rem);\n    font-weight: var(--smrt-typography-weight-medium, 500);\n    color: var(--smrt-color-on-surface-variant, #6b7280);\n  }\n\n  .product-model {\n    font-size: var(--smrt-typography-body-medium-size, 0.875rem);\n    color: var(--smrt-color-on-surface-variant, #6b7280);\n    margin-bottom: 0.5rem;\n  }\n\n  .product-category {\n    font-size: var(--smrt-typography-label-medium-size, 0.75rem);\n    font-weight: var(--smrt-typography-weight-medium, 500);\n    color: var(--smrt-color-on-surface, #374151);\n    background: var(--smrt-color-surface-container, #f3f4f6);\n    padding: 0.25rem 0.5rem;\n    border-radius: var(--smrt-radius-sm, 4px);\n    display: inline-block;\n    margin-bottom: 0.5rem;\n  }\n  \n  .product-description {\n    margin: 0.5rem 0;\n    color: var(--smrt-color-on-surface-variant, #6b7280);\n    font-size: var(--smrt-typography-body-medium-size, 0.875rem);\n    line-height: var(--smrt-typography-body-medium-line-height, 1.4);\n  }\n  \n  .product-meta {\n    margin: 0.75rem 0;\n  }\n  \n  \n  .product-tags {\n    margin-top: 0.5rem;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n  }\n  \n  .tag {\n    background: var(--smrt-color-surface-container, #f3f4f6);\n    color: var(--smrt-color-on-surface, #374151);\n    padding: 0.125rem 0.5rem;\n    border-radius: var(--smrt-radius-full, 9999px);\n    font-size: var(--smrt-typography-label-medium-size, 0.75rem);\n  }\n\n  .product-actions {\n    display: flex;\n    gap: 0.5rem;\n    margin-top: 1rem;\n    padding-top: 0.75rem;\n    border-top: 1px solid var(--smrt-color-outline-variant, #f3f4f6);\n  }\n  \n  .edit-btn, .delete-btn {\n    padding: 0.375rem 0.75rem;\n    border-radius: var(--smrt-radius-sm, 4px);\n    font-size: var(--smrt-typography-label-large-size, 0.875rem);\n    font-weight: var(--smrt-typography-weight-medium, 500);\n    border: 1px solid;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  \n  .edit-btn {\n    background: var(--smrt-color-surface-container-low, #f9fafb);\n    border-color: var(--smrt-color-outline-variant, #d1d5db);\n    color: var(--smrt-color-on-surface, #374151);\n  }\n\n  .edit-btn:hover {\n    background: var(--smrt-color-surface-container, #f3f4f6);\n  }\n\n  .delete-btn {\n    background: var(--smrt-color-error-container, #fef2f2);\n    border-color: var(--smrt-color-error, #fecaca);\n    color: var(--smrt-color-error, #dc2626);\n  }\n\n  .delete-btn:hover {\n    background: var(--smrt-color-error-container, #fee2e2);\n  }\n</style>","import { defineMessages } from '@happyvertical/smrt-ui/i18n';\n\nexport const M = defineMessages({\n  // App\n  'products.app.categories_coming_soon': 'Category management coming soon...',\n  'products.app.analytics_coming_soon': 'Analytics dashboard coming soon...',\n\n  // AppLayout\n  'products.app_layout.service_title': 'Product Service',\n  'products.app_layout.footer_copyright':\n    '2024 SMRT Product Service - Auto-generated with ❤️',\n  'products.app_layout.api_docs': 'API Docs',\n  'products.app_layout.mcp_tools': 'MCP Tools',\n\n  // DemoPage\n  'products.demo_page.title': 'SMRT Framework Demo',\n  'products.demo_page.subtitle':\n    'Define Once, Consume Everywhere - Progressive Customization',\n  'products.demo_page.custom_components_tab': 'Custom Components',\n  'products.demo_page.auto_generated_heading':\n    'Auto-Generated UI from SMRT Object',\n  'products.demo_page.auto_generated_description':\n    'This form is automatically generated from the Product class definition.\\n          The field types, labels, and validation rules are inferred from the TypeScript schema.',\n  'products.demo_page.generated_form_heading': 'Generated Form',\n  'products.demo_page.auto_form_title': 'Auto-Generated Product Form',\n  'products.demo_page.generated_display_heading': 'Generated Display',\n  'products.demo_page.custom_components_heading':\n    'Custom Components with SMRT Integration',\n  'products.demo_page.custom_components_description':\n    'These are hand-crafted components that still leverage the SMRT data structure\\n          but provide custom UI/UX for specific business requirements.',\n  'products.demo_page.custom_form_heading': 'Custom Form',\n  'products.demo_page.custom_display_heading': 'Custom Display',\n  'products.demo_page.progressive_heading': 'Progressive Customization',\n  'products.demo_page.progressive_description':\n    'Start with auto-generated components, then progressively customize as needed.\\n          Both approaches use the same underlying SMRT Product model.',\n  'products.demo_page.feature_zero_config': '✅ Zero configuration',\n  'products.demo_page.feature_instant_ui': '✅ Instant UI from schema',\n  'products.demo_page.feature_type_safe': '✅ Type-safe by default',\n  'products.demo_page.feature_prototyping': '⚡ Perfect for prototyping',\n  'products.demo_page.custom_components_label': '🎨 Custom Components',\n  'products.demo_page.feature_tailored_ux': '✅ Tailored UX',\n  'products.demo_page.feature_business_workflows':\n    '✅ Business-specific workflows',\n  'products.demo_page.feature_advanced_interactions':\n    '✅ Advanced interactions',\n  'products.demo_page.simple_auto_form_title': 'Auto Form',\n  'products.demo_page.benefits_heading': 'SMRT Framework Benefits',\n  'products.demo_page.benefit_define_once_label': 'Define Once:',\n  'products.demo_page.benefit_define_once_text':\n    'Product class with @smrt decorator',\n  'products.demo_page.benefit_auto_generate_label': 'Auto-Generate:',\n  'products.demo_page.benefit_auto_generate_text':\n    'REST APIs, MCP tools, TypeScript clients, default UI',\n  'products.demo_page.benefit_progressive_label': 'Progressive Enhancement:',\n  'products.demo_page.benefit_progressive_text':\n    'Start with defaults, customize as needed',\n  'products.demo_page.benefit_type_safety_label': 'Type Safety:',\n  'products.demo_page.benefit_type_safety_text':\n    'End-to-end TypeScript integration',\n  'products.demo_page.benefit_multiple_consumption_label':\n    'Multiple Consumption:',\n  'products.demo_page.benefit_multiple_consumption_text':\n    'Library, federation, standalone',\n\n  // ProductsPage\n  'products.products_page.description':\n    'Manage your product catalog with auto-generated CRUD operations, \\n          real-time updates, and AI-powered tools via MCP.',\n  'products.products_page.auto_generated_text':\n    'REST API endpoints automatically created from @smrt() decorated Product class',\n  'products.products_page.ai_ready_heading': '🤖 AI Ready',\n  'products.products_page.ai_ready_text':\n    'MCP tools available for Claude and other AI models to interact with products',\n  'products.products_page.federatable_text':\n    'Components can be consumed by other applications via module federation',\n  'products.products_page.library_text':\n    'Install as NPM package: npm install @have/smrt-template',\n\n  // ProductForm\n  'products.product_form.name_label': 'Product Name *',\n  'products.product_form.name_placeholder': 'Enter product name',\n  'products.product_form.description_placeholder':\n    'Product description (optional)',\n  'products.product_form.category_placeholder': 'Product category',\n  'products.product_form.tags_placeholder': 'tag1, tag2, tag3',\n  'products.product_form.tags_hint': 'Separate tags with commas',\n  'products.product_form.in_stock_label': 'In Stock',\n\n  // TestComponent\n  'products.test_component.title': 'Test Component',\n\n  // AutoForm\n  'products.auto_form.subtitle': 'Auto-generated from SMRT Product model',\n  'products.auto_form.debug_summary': 'Form Data (Debug)',\n\n  // FieldRenderer\n  'products.field_renderer.array_hint': 'Enter values separated by commas',\n  'products.field_renderer.object_hint': 'Enter valid JSON',\n\n  // CategoryManager\n  'products.category_manager.title': 'Category Manager',\n  'products.category_manager.subtitle': 'Manage product categories',\n  'products.category_manager.coming_soon':\n    'Category management feature coming soon...',\n  'products.category_manager.will_include': 'This will include:',\n  'products.category_manager.create_edit': 'Create and edit categories',\n  'products.category_manager.organize_hierarchy': 'Organize category hierarchy',\n  'products.category_manager.manage_permissions': 'Manage category permissions',\n  'products.category_manager.analytics': 'Category analytics',\n\n  // ProductCatalog\n  'products.product_catalog.title': 'Product Catalog',\n  'products.product_catalog.in_stock': 'in stock',\n  'products.product_catalog.total_value': 'Total value:',\n  'products.product_catalog.search_placeholder': 'Search products...',\n  'products.product_catalog.all_categories': 'All Categories',\n  'products.product_catalog.add_product': 'Add Product',\n  'products.product_catalog.loading': 'Loading products...',\n  'products.product_catalog.empty':\n    'No products yet. Create your first product to get started!',\n  'products.product_catalog.create_first': 'Create First Product',\n  'products.product_catalog.no_match':\n    'No products match your search criteria.',\n});\n","<script lang=\"ts\">\nimport { useI18n } from '@happyvertical/smrt-ui/i18n';\nimport { M } from '../i18n.js';\nimport type { ProductData } from '../types';\n\nconst { t } = useI18n();\n\ninterface Props {\n  product?: Partial<ProductData>;\n  onSubmit: (product: Partial<ProductData>) => void;\n  onCancel?: () => void;\n  loading?: boolean;\n}\n\nconst { product = {}, onSubmit, onCancel, loading = false }: Props = $props();\n\nconst formData = $state({\n  name: product.name || '',\n  description: product.description || '',\n  price: product.price || 0,\n  inStock: product.inStock ?? true,\n  category: product.category || '',\n  tags: product.tags?.join(', ') || '',\n});\n\nlet errors = $state<Record<string, string>>({});\n\nfunction validateForm() {\n  errors = {};\n\n  if (!formData.name.trim()) {\n    errors.name = 'Product name is required';\n  }\n\n  if (formData.price < 0) {\n    errors.price = 'Price must be non-negative';\n  }\n\n  return Object.keys(errors).length === 0;\n}\n\nfunction _handleSubmit(event: Event) {\n  event.preventDefault();\n\n  if (!validateForm()) {\n    return;\n  }\n\n  const productData: Partial<ProductData> = {\n    ...product,\n    name: formData.name.trim(),\n    description: formData.description.trim() || undefined,\n    price: formData.price,\n    inStock: formData.inStock,\n    category: formData.category.trim(),\n    tags: formData.tags\n      ? formData.tags\n          .split(',')\n          .map((tag) => tag.trim())\n          .filter(Boolean)\n      : [],\n  };\n\n  onSubmit(productData);\n}\n</script>\n\n<form onsubmit={handleSubmit} class=\"product-form\">\n  <div class=\"form-group\">\n    <label for=\"name\">{t(M['products.product_form.name_label'])}</label>\n    <input\n      id=\"name\"\n      type=\"text\"\n      bind:value={formData.name}\n      disabled={loading}\n      class=\"form-input\"\n      class:error={errors.name}\n      placeholder={t(M['products.product_form.name_placeholder'])}\n    />\n    {#if errors.name}\n      <span class=\"error-message\">{errors.name}</span>\n    {/if}\n  </div>\n\n  <div class=\"form-group\">\n    <label for=\"description\">Description</label>\n    <textarea\n      id=\"description\"\n      bind:value={formData.description}\n      disabled={loading}\n      class=\"form-textarea\"\n      placeholder={t(M['products.product_form.description_placeholder'])}\n      rows=\"3\"\n    ></textarea>\n  </div>\n\n  <div class=\"form-row\">\n    <div class=\"form-group\">\n      <label for=\"price\">Price *</label>\n      <input\n        id=\"price\"\n        type=\"number\"\n        step=\"0.01\"\n        min=\"0\"\n        bind:value={formData.price}\n        disabled={loading}\n        class=\"form-input\"\n        class:error={errors.price}\n        placeholder=\"0.00\"\n      />\n      {#if errors.price}\n        <span class=\"error-message\">{errors.price}</span>\n      {/if}\n    </div>\n\n    <div class=\"form-group\">\n      <label for=\"category\">Category</label>\n      <input\n        id=\"category\"\n        type=\"text\"\n        bind:value={formData.category}\n        disabled={loading}\n        class=\"form-input\"\n        placeholder={t(M['products.product_form.category_placeholder'])}\n      />\n    </div>\n  </div>\n\n  <div class=\"form-group\">\n    <label for=\"tags\">Tags</label>\n    <input\n      id=\"tags\"\n      type=\"text\"\n      bind:value={formData.tags}\n      disabled={loading}\n      class=\"form-input\"\n      placeholder={t(M['products.product_form.tags_placeholder'])}\n    />\n    <small class=\"form-hint\">{t(M['products.product_form.tags_hint'])}</small>\n  </div>\n\n  <div class=\"form-group\">\n    <label class=\"checkbox-label\">\n      <input\n        type=\"checkbox\"\n        bind:checked={formData.inStock}\n        disabled={loading}\n        class=\"form-checkbox\"\n      />\n      {t(M['products.product_form.in_stock_label'])}\n    </label>\n  </div>\n\n  <div class=\"form-actions\">\n    {#if onCancel}\n      <button type=\"button\" onclick={onCancel} disabled={loading} class=\"cancel-btn\">\n        Cancel\n      </button>\n    {/if}\n    \n    <button type=\"submit\" disabled={loading} class=\"submit-btn\">\n      {#if loading}\n        Saving...\n      {:else}\n        {product.id ? 'Update Product' : 'Create Product'}\n      {/if}\n    </button>\n  </div>\n</form>\n\n<style>\n  .product-form {\n    max-width: 500px;\n    padding: 1.5rem;\n    background: white;\n    border-radius: var(--smrt-radius-md, 8px);\n    border: 1px solid var(--smrt-color-outline-variant, #e2e8f0);\n  }\n  \n  .form-group {\n    margin-bottom: 1rem;\n  }\n  \n  .form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1rem;\n  }\n  \n  label {\n    display: block;\n    margin-bottom: 0.25rem;\n    font-weight: var(--smrt-typography-weight-medium, 500);\n    color: var(--smrt-color-on-surface, #374151);\n    font-size: var(--smrt-typography-label-large-size, 0.875rem);\n  }\n\n  .form-input, .form-textarea {\n    width: 100%;\n    padding: 0.5rem;\n    border: 1px solid var(--smrt-color-outline-variant, #d1d5db);\n    border-radius: var(--smrt-radius-sm, 4px);\n    font-size: var(--smrt-typography-body-medium-size, 0.875rem);\n    transition: border-color 0.2s;\n  }\n\n  .form-input:focus, .form-textarea:focus {\n    outline: none;\n    border-color: var(--smrt-color-primary, #3b82f6);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--smrt-color-primary, #3b82f6) 10%, transparent);\n  }\n\n  .form-input.error {\n    border-color: var(--smrt-color-error, #dc2626);\n  }\n  \n  .form-textarea {\n    resize: vertical;\n    min-height: 80px;\n  }\n  \n  .checkbox-label {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    cursor: pointer;\n  }\n  \n  .form-checkbox {\n    width: auto;\n  }\n  \n  .form-hint {\n    color: var(--smrt-color-on-surface-variant, #6b7280);\n    font-size: var(--smrt-typography-body-small-size, 0.75rem);\n    margin-top: 0.25rem;\n  }\n\n  .error-message {\n    color: var(--smrt-color-error, #dc2626);\n    font-size: var(--smrt-typography-label-medium-size, 0.75rem);\n    margin-top: 0.25rem;\n    display: block;\n  }\n\n  .form-actions {\n    display: flex;\n    gap: 0.75rem;\n    justify-content: flex-end;\n    margin-top: 1.5rem;\n    padding-top: 1rem;\n    border-top: 1px solid var(--smrt-color-outline-variant, #f3f4f6);\n  }\n  \n  .cancel-btn, .submit-btn {\n    padding: 0.5rem 1rem;\n    border-radius: var(--smrt-radius-sm, 4px);\n    font-size: var(--smrt-typography-label-large-size, 0.875rem);\n    font-weight: var(--smrt-typography-weight-medium, 500);\n    cursor: pointer;\n    border: 1px solid;\n    transition: all 0.2s;\n  }\n  \n  .cancel-btn {\n    background: white;\n    border-color: var(--smrt-color-outline-variant, #d1d5db);\n    color: var(--smrt-color-on-surface, #374151);\n  }\n\n  .cancel-btn:hover:not(:disabled) {\n    background: var(--smrt-color-surface-container-low, #f9fafb);\n  }\n\n  .submit-btn {\n    background: var(--smrt-color-primary, #3b82f6);\n    border-color: var(--smrt-color-primary, #3b82f6);\n    color: var(--smrt-color-on-primary, white);\n  }\n\n  .submit-btn:hover:not(:disabled) {\n    background: var(--smrt-color-primary, #2563eb);\n  }\n  \n  .submit-btn:disabled, .cancel-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n</style>"],"names":["root","root_1","root_2","root_3","$$anchor"],"mappings":"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"}