@texturehq/edges 1.13.1 → 1.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components.manifest.json +6 -2
  2. package/dist/index.cjs +8 -8
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +13 -5
  5. package/dist/index.d.ts +13 -5
  6. package/dist/index.js +8 -8
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles/utilities.css +2 -2
  9. package/dist/styles.css +16 -8
  10. package/dist/utilities.manifest.json +2 -2
  11. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -2168,9 +2168,10 @@ interface FilterDialogProps {
2168
2168
  * Automatically renders appropriate UI based on facet type and configuration.
2169
2169
  *
2170
2170
  * **Supported Facet Types:**
2171
- * - `string`: Checkbox group for multi-select
2171
+ * - `string`: Checkbox group for multi-select with search
2172
2172
  * - `number`: Min/max range inputs
2173
- * - `boolean`: Single checkbox
2173
+ * - `boolean`: Switch toggle (Yes/No)
2174
+ * - `date`: Date range picker
2174
2175
  *
2175
2176
  * @example
2176
2177
  * ```tsx
@@ -2179,7 +2180,9 @@ interface FilterDialogProps {
2179
2180
  * onClose={() => setIsOpen(false)}
2180
2181
  * facetConfigs={[
2181
2182
  * { field: 'department', label: 'Department', type: 'string' },
2182
- * { field: 'salary', label: 'Salary', type: 'number' }
2183
+ * { field: 'salary', label: 'Salary', type: 'number' },
2184
+ * { field: 'isActive', label: 'Active', type: 'boolean' },
2185
+ * { field: 'startDate', label: 'Start Date', type: 'date' }
2183
2186
  * ]}
2184
2187
  * facetCounts={{
2185
2188
  * department: { Engineering: 10, Sales: 5 }
@@ -2770,7 +2773,7 @@ declare function getInputStateStyles(props: {
2770
2773
  isInvalid?: boolean;
2771
2774
  isDisabled?: boolean;
2772
2775
  isFocused?: boolean;
2773
- }): "border rounded-[var(--control-border-radius)] outline-none border-border-muted" | "border rounded-[var(--control-border-radius)] outline-none border-feedback-error-border shadow-[inset_0_0_0_1px_var(--color-feedback-error-border)]" | "border rounded-[var(--control-border-radius)] outline-none border-feedback-error-border" | "border rounded-[var(--control-border-radius)] outline-none border-border-focus shadow-[inset_0_0_0_1px_var(--color-border-focus)]" | "border rounded-[var(--control-border-radius)] outline-none border-border-default";
2776
+ }): "border rounded-[var(--control-border-radius)] !outline-none border-border-muted" | "border rounded-[var(--control-border-radius)] !outline-none border-feedback-error-border shadow-[inset_0_0_0_1px_var(--color-feedback-error-border)]" | "border rounded-[var(--control-border-radius)] !outline-none border-feedback-error-border" | "border rounded-[var(--control-border-radius)] !outline-none border-border-focus shadow-[inset_0_0_0_1px_var(--color-border-focus)]" | "border rounded-[var(--control-border-radius)] !outline-none border-border-default";
2774
2777
  /**
2775
2778
  * Generates background styles based on the transparent and disabled props.
2776
2779
  * Uses Tailwind classes for consistent styling across light/dark modes.
@@ -4233,6 +4236,11 @@ interface SwitchProps extends Omit<SwitchProps$1, "children"> {
4233
4236
  * @default "default"
4234
4237
  */
4235
4238
  variant?: "default" | "brand";
4239
+ /**
4240
+ * Size of the switch
4241
+ * @default "md"
4242
+ */
4243
+ size?: Size;
4236
4244
  }
4237
4245
  /**
4238
4246
  * Switch
@@ -4240,7 +4248,7 @@ interface SwitchProps extends Omit<SwitchProps$1, "children"> {
4240
4248
  * Toggle switch component for binary on/off states.
4241
4249
  * Provides an accessible alternative to checkboxes for settings and preferences.
4242
4250
  */
4243
- declare function Switch({ children, variant, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
4251
+ declare function Switch({ children, variant, size, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
4244
4252
 
4245
4253
  type TabVariant = "default" | "brand";
4246
4254
  type TabProps = TabProps$1 & {
package/dist/index.d.ts CHANGED
@@ -2168,9 +2168,10 @@ interface FilterDialogProps {
2168
2168
  * Automatically renders appropriate UI based on facet type and configuration.
2169
2169
  *
2170
2170
  * **Supported Facet Types:**
2171
- * - `string`: Checkbox group for multi-select
2171
+ * - `string`: Checkbox group for multi-select with search
2172
2172
  * - `number`: Min/max range inputs
2173
- * - `boolean`: Single checkbox
2173
+ * - `boolean`: Switch toggle (Yes/No)
2174
+ * - `date`: Date range picker
2174
2175
  *
2175
2176
  * @example
2176
2177
  * ```tsx
@@ -2179,7 +2180,9 @@ interface FilterDialogProps {
2179
2180
  * onClose={() => setIsOpen(false)}
2180
2181
  * facetConfigs={[
2181
2182
  * { field: 'department', label: 'Department', type: 'string' },
2182
- * { field: 'salary', label: 'Salary', type: 'number' }
2183
+ * { field: 'salary', label: 'Salary', type: 'number' },
2184
+ * { field: 'isActive', label: 'Active', type: 'boolean' },
2185
+ * { field: 'startDate', label: 'Start Date', type: 'date' }
2183
2186
  * ]}
2184
2187
  * facetCounts={{
2185
2188
  * department: { Engineering: 10, Sales: 5 }
@@ -2770,7 +2773,7 @@ declare function getInputStateStyles(props: {
2770
2773
  isInvalid?: boolean;
2771
2774
  isDisabled?: boolean;
2772
2775
  isFocused?: boolean;
2773
- }): "border rounded-[var(--control-border-radius)] outline-none border-border-muted" | "border rounded-[var(--control-border-radius)] outline-none border-feedback-error-border shadow-[inset_0_0_0_1px_var(--color-feedback-error-border)]" | "border rounded-[var(--control-border-radius)] outline-none border-feedback-error-border" | "border rounded-[var(--control-border-radius)] outline-none border-border-focus shadow-[inset_0_0_0_1px_var(--color-border-focus)]" | "border rounded-[var(--control-border-radius)] outline-none border-border-default";
2776
+ }): "border rounded-[var(--control-border-radius)] !outline-none border-border-muted" | "border rounded-[var(--control-border-radius)] !outline-none border-feedback-error-border shadow-[inset_0_0_0_1px_var(--color-feedback-error-border)]" | "border rounded-[var(--control-border-radius)] !outline-none border-feedback-error-border" | "border rounded-[var(--control-border-radius)] !outline-none border-border-focus shadow-[inset_0_0_0_1px_var(--color-border-focus)]" | "border rounded-[var(--control-border-radius)] !outline-none border-border-default";
2774
2777
  /**
2775
2778
  * Generates background styles based on the transparent and disabled props.
2776
2779
  * Uses Tailwind classes for consistent styling across light/dark modes.
@@ -4233,6 +4236,11 @@ interface SwitchProps extends Omit<SwitchProps$1, "children"> {
4233
4236
  * @default "default"
4234
4237
  */
4235
4238
  variant?: "default" | "brand";
4239
+ /**
4240
+ * Size of the switch
4241
+ * @default "md"
4242
+ */
4243
+ size?: Size;
4236
4244
  }
4237
4245
  /**
4238
4246
  * Switch
@@ -4240,7 +4248,7 @@ interface SwitchProps extends Omit<SwitchProps$1, "children"> {
4240
4248
  * Toggle switch component for binary on/off states.
4241
4249
  * Provides an accessible alternative to checkboxes for settings and preferences.
4242
4250
  */
4243
- declare function Switch({ children, variant, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
4251
+ declare function Switch({ children, variant, size, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
4244
4252
 
4245
4253
  type TabVariant = "default" | "brand";
4246
4254
  type TabProps = TabProps$1 & {