@dsn-starter-kit/components-react 1.0.2 → 3.0.0

package/dist/TelephoneInput/TelephoneInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TelephoneInput.d.ts","sourceRoot":"","sources":["../../src/TelephoneInput/TelephoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,CACP;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,cAAc,8FAqBzB,CAAC"}

package/dist/TelephoneInput/TelephoneInput.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { classNames } from '@dsn-starter-kit/core';
-import '../TextInput/TextInput.css';
-/**
- * Telephone Input component
- * Telephone input with appropriate inputmode and autocomplete
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TelephoneInput placeholder="06 12345678" />
- *
- * // With label
- * <FormFieldLabel htmlFor="phone">Telefoonnummer</FormFieldLabel>
- * <TelephoneInput id="phone" />
- *
- * // Invalid state
- * <TelephoneInput invalid aria-invalid="true" aria-describedby="error" />
- * ```
- */
-export const TelephoneInput = React.forwardRef(({ className, invalid, width, autoComplete, ...props }, ref) => {
-    const classes = classNames('dsn-text-input', width && `dsn-text-input--width-${width}`, className);
-    return (_jsx("input", { ref: ref, type: "tel", inputMode: "tel", className: classes, autoComplete: autoComplete || 'tel', "aria-invalid": invalid || undefined, ...props }));
-});
-TelephoneInput.displayName = 'TelephoneInput';
-//# sourceMappingURL=TelephoneInput.js.map

package/dist/TelephoneInput/TelephoneInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TelephoneInput.js","sourceRoot":"","sources":["../../src/TelephoneInput/TelephoneInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAoB,MAAM,uBAAuB,CAAC;AACrE,OAAO,4BAA4B,CAAC;AAwBpC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,UAAU,CACxB,gBAAgB,EAChB,KAAK,IAAI,yBAAyB,KAAK,EAAE,EACzC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,OAAO,EAClB,YAAY,EAAE,YAAY,IAAI,KAAK,kBACrB,OAAO,IAAI,SAAS,KAC9B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/TelephoneInput/index.d.ts

@@ -1,3 +0,0 @@
-export { TelephoneInput } from './TelephoneInput';
-export type { TelephoneInputProps } from './TelephoneInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/TelephoneInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TelephoneInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/TelephoneInput/index.js

@@ -1,2 +0,0 @@
-export { TelephoneInput } from './TelephoneInput';
-//# sourceMappingURL=index.js.map

package/dist/TelephoneInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TelephoneInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/TextArea/TextArea.css

@@ -1,126 +0,0 @@
-/**
- * TextArea Component Styles for React
- * Re-exports the base TextArea styles from components-html
- */
-
-/**
- * Text Area Component
- * Multi-line text input with support for various states
- *
- * Usage:
- * <textarea class="dsn-text-area" rows="4"></textarea>
- */
-
-.dsn-text-area {
-  /* Typography */
-  font-family: var(--dsn-text-area-font-family);
-  font-size: var(--dsn-text-area-font-size);
-  font-weight: var(--dsn-text-area-font-weight);
-  line-height: var(--dsn-text-area-line-height);
-
-  /* Colors */
-  color: var(--dsn-text-area-color);
-  background-color: var(--dsn-text-area-background-color);
-
-  /* Border */
-  border: var(--dsn-text-area-border-width) solid
-    var(--dsn-text-area-border-color);
-  border-radius: var(--dsn-text-area-border-radius);
-
-  /* Spacing */
-  padding-block-start: var(--dsn-text-area-padding-block-start);
-  padding-block-end: var(--dsn-text-area-padding-block-end);
-  padding-inline-start: var(--dsn-text-area-padding-inline-start);
-  padding-inline-end: var(--dsn-text-area-padding-inline-end);
-
-  /* Sizing */
-  min-block-size: var(--dsn-text-area-min-block-size);
-  min-inline-size: var(--dsn-text-area-min-inline-size);
-  inline-size: 100%;
-  max-inline-size: var(--dsn-form-control-max-inline-size);
-
-  /* Display */
-  display: block;
-  box-sizing: border-box;
-
-  /* Resize behavior */
-  resize: var(--dsn-text-area-resize);
-
-  /* Transitions */
-  transition-property: border-color, box-shadow, background-color;
-  transition-duration: var(--dsn-transition-duration-normal);
-  transition-timing-function: var(--dsn-transition-easing-default);
-}
-
-/* Placeholder */
-.dsn-text-area::placeholder {
-  color: var(--dsn-text-area-placeholder-color);
-  opacity: 1;
-}
-
-/* Hover state */
-.dsn-text-area:hover:not(:disabled):not(:read-only) {
-  box-shadow: inset 0 0 0 var(--dsn-text-area-hover-box-shadow-spread)
-    var(--dsn-text-area-hover-box-shadow-color);
-}
-
-/* Focus state */
-.dsn-text-area:focus {
-  outline: none;
-  background-color: var(--dsn-text-area-focus-background-color);
-  border-color: var(--dsn-text-area-focus-border-color);
-  box-shadow: inset 0 0 0 var(--dsn-text-area-focus-box-shadow-spread)
-    var(--dsn-text-area-focus-box-shadow-color);
-}
-
-/* Disabled state */
-.dsn-text-area:disabled {
-  color: var(--dsn-text-area-disabled-color);
-  background-color: var(--dsn-text-area-disabled-background-color);
-  border-color: var(--dsn-text-area-disabled-border-color);
-  cursor: not-allowed;
-  resize: none;
-}
-
-/* Read-only state */
-.dsn-text-area:read-only {
-  color: var(--dsn-text-area-read-only-color);
-  background-color: var(--dsn-text-area-read-only-background-color);
-  border-color: var(--dsn-text-area-read-only-border-color);
-  cursor: default;
-}
-
-/* Invalid state (using aria-invalid or :invalid) */
-.dsn-text-area:invalid,
-.dsn-text-area[aria-invalid='true'] {
-  background-color: var(--dsn-text-area-invalid-background-color);
-  border-color: var(--dsn-text-area-invalid-border-color);
-  box-shadow: inset 0 0 0 var(--dsn-text-area-invalid-box-shadow-spread)
-    var(--dsn-text-area-invalid-box-shadow-color);
-}
-
-/* Width variants */
-.dsn-text-area--width-xs {
-  max-inline-size: var(--dsn-form-control-width-xs);
-}
-
-.dsn-text-area--width-sm {
-  max-inline-size: var(--dsn-form-control-width-sm);
-}
-
-.dsn-text-area--width-md {
-  max-inline-size: var(--dsn-form-control-width-md);
-}
-
-.dsn-text-area--width-lg {
-  max-inline-size: var(--dsn-form-control-width-lg);
-}
-
-.dsn-text-area--width-xl {
-  max-inline-size: var(--dsn-form-control-width-xl);
-}
-
-.dsn-text-area--width-full {
-  max-inline-size: var(--dsn-form-control-width-full);
-}
-

package/dist/TextArea/TextArea.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { FormControlWidth } from '@dsn-starter-kit/core';
-import './TextArea.css';
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Whether the textarea is in an invalid state
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Width variant for the textarea
-     * @default undefined (uses default max-width from form-control)
-     */
-    width?: FormControlWidth;
-}
-/**
- * Text Area component
- * Multi-line text input with support for various states (hover, focus, disabled, invalid, read-only)
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TextArea placeholder="Enter your bio" rows={4} />
- *
- * // With label
- * <FormFieldLabel htmlFor="bio">Biography</FormFieldLabel>
- * <TextArea id="bio" rows={6} />
- *
- * // Disabled
- * <TextArea disabled value="Cannot edit" rows={3} />
- *
- * // Invalid
- * <TextArea invalid aria-invalid="true" aria-describedby="error" rows={4} />
- *
- * // Read-only
- * <TextArea readOnly value="View only" rows={3} />
- * ```
- */
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-//# sourceMappingURL=TextArea.d.ts.map

package/dist/TextArea/TextArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,2FAkBpB,CAAC"}

package/dist/TextArea/TextArea.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { classNames } from '@dsn-starter-kit/core';
-import './TextArea.css';
-/**
- * Text Area component
- * Multi-line text input with support for various states (hover, focus, disabled, invalid, read-only)
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TextArea placeholder="Enter your bio" rows={4} />
- *
- * // With label
- * <FormFieldLabel htmlFor="bio">Biography</FormFieldLabel>
- * <TextArea id="bio" rows={6} />
- *
- * // Disabled
- * <TextArea disabled value="Cannot edit" rows={3} />
- *
- * // Invalid
- * <TextArea invalid aria-invalid="true" aria-describedby="error" rows={4} />
- *
- * // Read-only
- * <TextArea readOnly value="View only" rows={3} />
- * ```
- */
-export const TextArea = React.forwardRef(({ className, invalid, width, rows = 4, ...props }, ref) => {
-    const classes = classNames('dsn-text-area', width && `dsn-text-area--width-${width}`, className);
-    return (_jsx("textarea", { ref: ref, className: classes, rows: rows, "aria-invalid": invalid || undefined, ...props }));
-});
-TextArea.displayName = 'TextArea';
-//# sourceMappingURL=TextArea.js.map

package/dist/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAoB,MAAM,uBAAuB,CAAC;AACrE,OAAO,gBAAgB,CAAC;AAqBxB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG,UAAU,CACxB,eAAe,EACf,KAAK,IAAI,wBAAwB,KAAK,EAAE,EACxC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,kBACI,OAAO,IAAI,SAAS,KAC9B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/TextArea/index.d.ts

@@ -1,3 +0,0 @@
-export { TextArea } from './TextArea';
-export type { TextAreaProps } from './TextArea';
-//# sourceMappingURL=index.d.ts.map

package/dist/TextArea/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/TextArea/index.js

@@ -1,2 +0,0 @@
-export { TextArea } from './TextArea';
-//# sourceMappingURL=index.js.map

package/dist/TextArea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/TextInput/TextInput.css

@@ -1,122 +0,0 @@
-/**
- * TextInput Component Styles for React
- * Re-exports the base TextInput styles from components-html
- */
-
-/**
- * Text Input Component
- * Single-line text input with support for various states
- *
- * Usage:
- * <input type="text" class="dsn-text-input" />
- */
-
-.dsn-text-input {
-  /* Typography */
-  font-family: var(--dsn-text-input-font-family);
-  font-size: var(--dsn-text-input-font-size);
-  font-weight: var(--dsn-text-input-font-weight);
-  line-height: var(--dsn-text-input-line-height);
-
-  /* Colors */
-  color: var(--dsn-text-input-color);
-  background-color: var(--dsn-text-input-background-color);
-
-  /* Border */
-  border: var(--dsn-text-input-border-width) solid
-    var(--dsn-text-input-border-color);
-  border-radius: var(--dsn-text-input-border-radius);
-
-  /* Spacing */
-  padding-block-start: var(--dsn-text-input-padding-block-start);
-  padding-block-end: var(--dsn-text-input-padding-block-end);
-  padding-inline-start: var(--dsn-text-input-padding-inline-start);
-  padding-inline-end: var(--dsn-text-input-padding-inline-end);
-
-  /* Sizing */
-  min-block-size: var(--dsn-text-input-min-block-size);
-  min-inline-size: var(--dsn-text-input-min-inline-size);
-  inline-size: 100%;
-  max-inline-size: var(--dsn-form-control-max-inline-size);
-
-  /* Display */
-  display: block;
-  box-sizing: border-box;
-
-  /* Transitions */
-  transition-property: border-color, box-shadow, background-color;
-  transition-duration: var(--dsn-transition-duration-normal);
-  transition-timing-function: var(--dsn-transition-easing-default);
-}
-
-/* Placeholder */
-.dsn-text-input::placeholder {
-  color: var(--dsn-text-input-placeholder-color);
-  opacity: 1;
-}
-
-/* Hover state */
-.dsn-text-input:hover:not(:disabled):not(:read-only) {
-  box-shadow: inset 0 0 0 var(--dsn-text-input-hover-box-shadow-spread)
-    var(--dsn-text-input-hover-box-shadow-color);
-}
-
-/* Focus state */
-.dsn-text-input:focus {
-  outline: none;
-  background-color: var(--dsn-text-input-focus-background-color);
-  border-color: var(--dsn-text-input-focus-border-color);
-  box-shadow: inset 0 0 0 var(--dsn-text-input-focus-box-shadow-spread)
-    var(--dsn-text-input-focus-box-shadow-color);
-}
-
-/* Disabled state */
-.dsn-text-input:disabled {
-  color: var(--dsn-text-input-disabled-color);
-  background-color: var(--dsn-text-input-disabled-background-color);
-  border-color: var(--dsn-text-input-disabled-border-color);
-  cursor: not-allowed;
-}
-
-/* Read-only state */
-.dsn-text-input:read-only {
-  color: var(--dsn-text-input-read-only-color);
-  background-color: var(--dsn-text-input-read-only-background-color);
-  border-color: var(--dsn-text-input-read-only-border-color);
-  cursor: default;
-}
-
-/* Invalid state (using aria-invalid or :invalid) */
-.dsn-text-input:invalid,
-.dsn-text-input[aria-invalid='true'] {
-  background-color: var(--dsn-text-input-invalid-background-color);
-  border-color: var(--dsn-text-input-invalid-border-color);
-  box-shadow: inset 0 0 0 var(--dsn-text-input-invalid-box-shadow-spread)
-    var(--dsn-text-input-invalid-box-shadow-color);
-}
-
-/* Width variants */
-.dsn-text-input--width-xs {
-  max-inline-size: var(--dsn-form-control-width-xs);
-}
-
-.dsn-text-input--width-sm {
-  max-inline-size: var(--dsn-form-control-width-sm);
-}
-
-.dsn-text-input--width-md {
-  max-inline-size: var(--dsn-form-control-width-md);
-}
-
-.dsn-text-input--width-lg {
-  max-inline-size: var(--dsn-form-control-width-lg);
-}
-
-.dsn-text-input--width-xl {
-  max-inline-size: var(--dsn-form-control-width-xl);
-}
-
-.dsn-text-input--width-full {
-  max-inline-size: var(--dsn-form-control-width-full);
-}
-

package/dist/TextInput/TextInput.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { FormControlWidth } from '@dsn-starter-kit/core';
-import './TextInput.css';
-export interface TextInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Whether the input is in an invalid state
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Width variant for the input
-     * @default undefined (uses default max-width from form-control)
-     */
-    width?: FormControlWidth;
-}
-/**
- * Text Input component
- * Single-line text input with support for various states (hover, focus, disabled, invalid, read-only)
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TextInput placeholder="Enter your name" />
- *
- * // With label
- * <FormFieldLabel htmlFor="email">Email</FormFieldLabel>
- * <TextInput id="email" type="email" />
- *
- * // Disabled
- * <TextInput disabled value="Read only value" />
- *
- * // Invalid
- * <TextInput invalid aria-invalid="true" aria-describedby="error" />
- *
- * // Read-only
- * <TextInput readOnly value="Cannot edit this" />
- * ```
- */
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=TextInput.d.ts.map

package/dist/TextInput/TextInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,yFAkBrB,CAAC"}

package/dist/TextInput/TextInput.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { classNames } from '@dsn-starter-kit/core';
-import './TextInput.css';
-/**
- * Text Input component
- * Single-line text input with support for various states (hover, focus, disabled, invalid, read-only)
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TextInput placeholder="Enter your name" />
- *
- * // With label
- * <FormFieldLabel htmlFor="email">Email</FormFieldLabel>
- * <TextInput id="email" type="email" />
- *
- * // Disabled
- * <TextInput disabled value="Read only value" />
- *
- * // Invalid
- * <TextInput invalid aria-invalid="true" aria-describedby="error" />
- *
- * // Read-only
- * <TextInput readOnly value="Cannot edit this" />
- * ```
- */
-export const TextInput = React.forwardRef(({ className, invalid, width, type = 'text', ...props }, ref) => {
-    const classes = classNames('dsn-text-input', width && `dsn-text-input--width-${width}`, className);
-    return (_jsx("input", { ref: ref, type: type, className: classes, "aria-invalid": invalid || undefined, ...props }));
-});
-TextInput.displayName = 'TextInput';
-//# sourceMappingURL=TextInput.js.map

package/dist/TextInput/TextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAoB,MAAM,uBAAuB,CAAC;AACrE,OAAO,iBAAiB,CAAC;AAqBzB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAG,UAAU,CACxB,gBAAgB,EAChB,KAAK,IAAI,yBAAyB,KAAK,EAAE,EACzC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,kBACJ,OAAO,IAAI,SAAS,KAC9B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/TextInput/index.d.ts

@@ -1,3 +0,0 @@
-export { TextInput } from './TextInput';
-export type { TextInputProps } from './TextInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/TextInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/TextInput/index.js

@@ -1,2 +0,0 @@
-export { TextInput } from './TextInput';
-//# sourceMappingURL=index.js.map

package/dist/TextInput/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/TimeInput/TimeInput.css

@@ -1,37 +0,0 @@
-/**
- * TimeInput Component Styles
- * Fixed-width wrapper positions the Button (subtle, small, icon-only) at inline-end inside the input.
- * The input uses dsn-text-input base styles with extra padding-inline-end
- * to prevent typed text from overlapping the button.
- * Button hover/focus/color states come from the Button component itself.
- */
-
-/* Wrapper — fixed sm width, positions clock button absolutely inside the input */
-.dsn-time-input-wrapper {
-  position: relative;
-  display: block;
-  inline-size: 100%;
-  max-inline-size: var(--dsn-form-control-width-sm);
-}
-
-/* Clock button — centered vertically, positioned at inline-end with reduced margin */
-.dsn-time-input__button {
-  position: absolute;
-  inset-block-start: 50%;
-  inset-inline-end: var(--dsn-time-input-button-inset-inline-end);
-  transform: translateY(-50%);
-}
-
-/* Input — extra padding-inline-end to make room for the clock button */
-/* Hide the native browser clock/time picker indicator */
-.dsn-time-input {
-  padding-inline-end: var(--dsn-time-input-padding-inline-end-with-icon);
-}
-
-.dsn-time-input::-webkit-calendar-picker-indicator {
-  display: none;
-}
-
-.dsn-time-input::-webkit-inner-spin-button {
-  display: none;
-}

package/dist/TimeInput/TimeInput.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import '../TextInput/TextInput.css';
-import './TimeInput.css';
-export interface TimeInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
-    /**
-     * Whether the input is in an invalid state
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-}
-/**
- * Time Input component
- * Time input with an interactive clock button at inline-end that opens the native time picker.
- * Fixed width (sm) — not configurable, as time inputs have a predictable content width.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TimeInput />
- *
- * // With label
- * <FormFieldLabel htmlFor="time">Tijd</FormFieldLabel>
- * <TimeInput id="time" />
- *
- * // With default value
- * <TimeInput defaultValue="14:30" />
- *
- * // Invalid state
- * <TimeInput invalid aria-invalid="true" aria-describedby="error" />
- * ```
- */
-export declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=TimeInput.d.ts.map

package/dist/TimeInput/TimeInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../src/TimeInput/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,CACP;IACC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,yFAyDrB,CAAC"}

package/dist/TimeInput/TimeInput.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { classNames } from '@dsn-starter-kit/core';
-import { Button } from '../Button';
-import { Icon } from '../Icon';
-import '../TextInput/TextInput.css';
-import './TimeInput.css';
-/**
- * Time Input component
- * Time input with an interactive clock button at inline-end that opens the native time picker.
- * Fixed width (sm) — not configurable, as time inputs have a predictable content width.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <TimeInput />
- *
- * // With label
- * <FormFieldLabel htmlFor="time">Tijd</FormFieldLabel>
- * <TimeInput id="time" />
- *
- * // With default value
- * <TimeInput defaultValue="14:30" />
- *
- * // Invalid state
- * <TimeInput invalid aria-invalid="true" aria-describedby="error" />
- * ```
- */
-export const TimeInput = React.forwardRef(({ className, invalid, disabled, readOnly, ...props }, ref) => {
-    const inputRef = React.useRef(null);
-    // Merge external ref with internal ref
-    const handleRef = React.useCallback((node) => {
-        inputRef.current =
-            node;
-        if (typeof ref === 'function') {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current =
-                node;
-        }
-    }, [ref]);
-    const handleButtonClick = () => {
-        if (inputRef.current && 'showPicker' in inputRef.current) {
-            inputRef.current.showPicker();
-        }
-    };
-    const inputClasses = classNames('dsn-text-input', 'dsn-time-input', className);
-    return (_jsxs("div", { className: "dsn-time-input-wrapper", children: [_jsx("input", { ref: handleRef, type: "time", className: inputClasses, "aria-invalid": invalid || undefined, disabled: disabled, readOnly: readOnly, ...props }), !disabled && !readOnly && (_jsx(Button, { variant: "subtle", size: "small", iconOnly: true, iconStart: _jsx(Icon, { name: "clock", "aria-hidden": true }), className: "dsn-time-input__button", onClick: handleButtonClick, children: "Tijdkiezer openen" }))] }));
-});
-TimeInput.displayName = 'TimeInput';
-//# sourceMappingURL=TimeInput.js.map

package/dist/TimeInput/TimeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeInput.js","sourceRoot":"","sources":["../../src/TimeInput/TimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,4BAA4B,CAAC;AACpC,OAAO,iBAAiB,CAAC;AAkBzB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,uCAAuC;IACvC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAA6B,EAAE,EAAE;QAC/B,QAA4D,CAAC,OAAO;YACnE,IAAI,CAAC;QACP,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACd,GAAuD,CAAC,OAAO;gBAC9D,IAAI,CAAC;QACT,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,QAAQ,CAAC,OAAO,IAAI,YAAY,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACzD,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC7B,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,YAAY,kBACT,OAAO,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,EACD,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CACzB,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,wBAAe,EAC5C,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,iBAAiB,kCAGnB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/TimeInput/index.d.ts

@@ -1,3 +0,0 @@
-export { TimeInput } from './TimeInput';
-export type { TimeInputProps } from './TimeInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/TimeInput/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TimeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/TimeInput/index.js

@@ -1,2 +0,0 @@
-export { TimeInput } from './TimeInput';
-//# sourceMappingURL=index.js.map