@happyvertical/smrt-products 0.43.9 → 0.44.0

package/dist/lib/chunks/components-C6VpNVcg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components-C6VpNVcg.js","names":[],"sources":["../../../src/lib/components/ProductCard.svelte","../../../src/lib/components/ProductForm.svelte"],"sourcesContent":["<script lang=\"ts\">\nimport { Button } from '@happyvertical/smrt-ui/ui';\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\" variant=\"secondary\" size=\"sm\" onclick={() => onEdit?.(product)}>\n        Edit\n      </Button>\n    {/if}\n\n    {#if onDelete}\n      <Button type=\"button\" variant=\"danger\" size=\"sm\" onclick={() => onDelete?.(product.id)}>\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: var(--smrt-color-surface, #fff);\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</style>","<script lang=\"ts\">\nimport { Form, Input, Textarea } from '@happyvertical/smrt-ui/forms';\nimport { useI18n } from '@happyvertical/smrt-ui/i18n';\nimport { Button } from '@happyvertical/smrt-ui/ui';\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<div class=\"product-form-shell\">\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={errors.name ? 'error' : ''}\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        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={errors.price ? 'error' : ''}\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          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        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        <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->\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\" variant=\"secondary\" onclick={onCancel} disabled={loading}>\n          Cancel\n        </Button>\n      {/if}\n\n      <Button type=\"submit\" variant=\"primary\" disabled={loading}>\n        {#if loading}\n          Saving...\n        {:else}\n          {product.id ? 'Update Product' : 'Create Product'}\n        {/if}\n      </Button>\n    </div>\n  </Form>\n</div>\n\n<style>\n  .product-form-shell :global(.product-form) {\n    max-width: 500px;\n    padding: 1.5rem;\n    background: var(--smrt-color-surface, #fff);\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  /* Error border on the migrated <Input>. The primitive renders the inner\n     <input class=\"input error\"> inside its own component, so the scoped class\n     can't reach it without :global (#1589). */\n  .product-form-shell :global(.input.error) {\n    border-color: var(--smrt-color-error, #dc2626);\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</style>"],"mappings":"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"}

package/dist/lib/chunks/models-DIla2tE9.js

@@ -1,2 +0,0 @@
-import "./__smrt-register__-C84FdoxI.js";
-import "./Sku-DAZUXG7E.js";