@bspk/ui 1.1.34 → 1.3.0

package/dist/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select/SelectExample.d.ts

@@ -1,3 +1,4 @@
-import { ComponentExample } from '../../utils/demo';
 import { SelectProps } from '.';
+import { ComponentExample, Preset } from '-/utils/demo';
+export declare const presets: Preset<SelectProps>[];
 export declare const SelectExample: ComponentExample<SelectProps>;

package/dist/components/Select/SelectExample.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Avatar } from '../Avatar';
 import { Tag } from '../Tag';
 import { Txt } from '../Txt';
-const trailingPrice = (price) => (_jsx(Txt, { children: `${new Intl.NumberFormat('en-US', {
+const TrailingPrice = ({ price }) => (_jsx(Txt, { children: `${new Intl.NumberFormat('en-US', {
         style: 'currency',
         currency: 'USD',
     }).format(price / 100)}` }));
@@ -18,99 +18,114 @@ const DEFAULT_OPTIONS = [
     { value: '9', label: 'Option 9' },
     { value: '10', label: 'Option 10' },
 ];
-export const SelectExample = {
-    defaultState: {
-        label: 'Demo Select',
-        options: DEFAULT_OPTIONS,
-    },
-    presets: [
-        {
-            label: 'Simple',
-            propState: { isMulti: false },
+export const presets = [
+    {
+        label: 'Simple',
+        propState: {
+            label: 'Demo Select',
+            options: DEFAULT_OPTIONS,
+            name: 'demo-select',
+            value: '',
         },
-        {
-            label: 'Multi',
-            propState: { isMulti: true },
-        },
-        {
-            label: 'Long text',
-            propState: {
-                isMulti: false,
-                options: [
-                    { value: '1', label: 'This is a very long option that should truncate' },
-                    { value: '2', label: 'This is another long option that should truncate' },
-                    { value: '3', label: 'Short option' },
-                    { value: '4', label: 'Another short option' },
-                ],
-            },
+    },
+    {
+        label: 'Long text',
+        propState: {
+            label: 'Demo Select',
+            options: [
+                { value: '1', label: 'This is a very long option that should truncate' },
+                { value: '2', label: 'This is another long option that should truncate' },
+                { value: '3', label: 'Short option' },
+                { value: '4', label: 'Another short option' },
+            ],
+            name: 'demo-select-long',
+            value: '',
         },
-        {
-            label: 'Trailing Tags',
-            propState: {
-                isMulti: false,
-                options: [
-                    //
-                    {
-                        value: 'a',
-                        label: 'Package A',
-                        trailing: (_jsx(Tag, { color: "blue", size: "x-small", children: "Recommended" })),
-                    },
-                    {
-                        value: 'b',
-                        label: 'Package B',
-                        trailing: (_jsx(Tag, { color: "green", size: "x-small", children: "Best Value" })),
-                    },
-                    { value: 'c', label: 'Package C' },
-                    { value: 'd', label: 'Package D' },
-                ],
-            },
+    },
+    {
+        label: 'Trailing Tags',
+        propState: {
+            label: 'Demo Select',
+            options: [
+                //
+                {
+                    value: 'a',
+                    label: 'Package A',
+                    trailing: _jsx(Tag, { color: "blue", label: "Recommended", size: "x-small" }),
+                },
+                {
+                    value: 'b',
+                    label: 'Package B',
+                    trailing: _jsx(Tag, { color: "green", label: "Best Value", size: "x-small" }),
+                },
+                { value: 'c', label: 'Package C' },
+                { value: 'd', label: 'Package D' },
+            ],
+            name: 'demo-select-tags',
+            value: 'a',
         },
-        {
-            label: 'Trailing Text',
-            propState: {
-                isMulti: false,
-                options: [
-                    {
-                        value: '1',
-                        label: 'Option A',
-                        trailing: trailingPrice(400),
-                    },
-                    { value: '2', label: 'Option B', trailing: trailingPrice(1000) },
-                    { value: '3', label: 'Option C', trailing: trailingPrice(1600) },
-                    { value: '4', label: 'Option D', trailing: trailingPrice(2000) },
-                ],
-            },
+    },
+    {
+        label: 'Trailing Text',
+        propState: {
+            label: 'Demo Select',
+            options: [
+                {
+                    value: '1',
+                    label: 'Option A',
+                    trailing: _jsx(TrailingPrice, { price: 400 }),
+                },
+                { value: '2', label: 'Option B', trailing: _jsx(TrailingPrice, { price: 1000 }) },
+                { value: '3', label: 'Option C', trailing: _jsx(TrailingPrice, { price: 1600 }) },
+                { value: '4', label: 'Option D', trailing: _jsx(TrailingPrice, { price: 2000 }) },
+            ],
+            name: 'demo-select-trailing',
+            value: '',
         },
-        {
-            label: 'Leading Avatar',
-            propState: {
-                isMulti: false,
-                options: [
-                    //
-                    {
-                        value: 'Jessica',
-                        label: 'Jessica P.',
-                        leading: _jsx(Avatar, { name: "Jessica P.", size: "small" }),
-                    },
-                    {
-                        value: 'Louis',
-                        label: 'Louis L.',
-                        leading: _jsx(Avatar, { name: "Louis L.", size: "small" }),
-                    },
-                    {
-                        value: 'Harvey',
-                        label: 'Harvey S.',
-                        leading: _jsx(Avatar, { name: "Harvey S.", size: "small" }),
-                    },
-                    {
-                        value: 'Mike',
-                        label: 'Mike R.',
-                        leading: _jsx(Avatar, { name: "Mike R.", size: "small" }),
-                    },
-                ],
-            },
+    },
+    {
+        label: 'Leading Avatar',
+        propState: {
+            label: 'Select user',
+            options: [
+                //
+                {
+                    value: 'Jessica',
+                    label: 'Jessica P.',
+                    leading: _jsx(Avatar, { name: "Jessica P.", size: "small" }),
+                },
+                {
+                    value: 'Louis',
+                    label: 'Louis L.',
+                    leading: _jsx(Avatar, { name: "Louis L.", size: "small" }),
+                },
+                {
+                    value: 'Harvey',
+                    label: 'Harvey S.',
+                    leading: _jsx(Avatar, { name: "Harvey S.", size: "small" }),
+                },
+                {
+                    value: 'Mike',
+                    label: 'Mike R.',
+                    leading: _jsx(Avatar, { name: "Mike R.", size: "small" }),
+                },
+            ],
+            name: 'demo-select-avatar',
+            value: '',
         },
-    ],
-    hideVariants: true,
+    },
+];
+export const SelectExample = {
+    defaultState: {
+        label: 'Demo Select',
+        options: DEFAULT_OPTIONS,
+        scrollLimit: 5,
+        value: '',
+    },
+    render: ({ props, Component }) => {
+        return _jsx(Component, { ...props });
+    },
+    presets,
+    variants: false,
 };
 //# sourceMappingURL=SelectExample.js.map

package/dist/components/Select/SelectExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectExample.js","sourceRoot":"","sources":["../../../src/components/Select/SelectExample.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectExample.js","sourceRoot":"","sources":["../../../src/components/Select/SelectExample.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select/select.css

@@ -7,14 +7,15 @@
   --select-clear-height: var(--spacing-sizing-05);
   --select-padding: var(--spacing-sizing-03);
   --select-icon-width: var(--spacing-sizing-05);
+  overflow: hidden;
   position: relative;
   width: 100%;
-  max-width: 280px;
   outline: unset;
   min-height: var(--select-height);
   max-height: var(--select-height);
   display: flex;
   flex-direction: row;
+  align-items: center;
   gap: var(--spacing-sizing-02);
   flex-grow: 0;
   flex-shrink: 0;
@@ -24,30 +25,27 @@
   border-radius: var(--radius-sm);
   background: var(--select-background);
   padding: 0 var(--select-padding);
+  cursor: pointer;
 }
-[data-bspk=select] [data-placeholder] {
-  display: block;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  padding: 0;
-}
-[data-bspk=select] [data-placeholder] [data-inner] {
-  min-height: auto;
-  padding: 0;
-}
-[data-bspk=select] [data-placeholder] [data-item-label] [data-text] {
-  color: var(--select-text-color);
+[data-bspk=select] [data-input] {
+  position: absolute;
+  opacity: 0;
+  inset: 0;
+  cursor: pointer;
 }
 [data-bspk=select] [data-icon] {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  pointer-events: none;
 }
 [data-bspk=select] [data-icon] svg {
   transform: rotate(90deg);
   width: var(--select-icon-width);
 }
+[data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] {
+  background: transparent;
+}
 [data-bspk=select] [data-bspk=list-item][data-selected] {
   background: var(--surface-brand-primary-highlight);
 }
@@ -74,7 +72,7 @@
 [data-bspk=select]:disabled[aria-readonly]:not([data-empty]) {
   --select-text-color: var(--foreground-neutral-on-surface);
 }
-[data-bspk=select]:not(:disabled):focus {
+[data-bspk=select]:not(:disabled):focus-within {
   --select-border-color: var(--stroke-neutral-focus);
   border-width: 1px;
   outline: 1px solid var(--stroke-neutral-focus);
@@ -92,8 +90,5 @@
 [data-bspk=select][data-invalid] {
   --select-border-color: var(--status-error);
 }
-[data-bspk=select][data-empty] {
-  --select-text-color: var(--foreground-neutral-on-surface-variant-03);
-}
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Select/select.css.js

@@ -10,14 +10,15 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
   --select-clear-height: var(--spacing-sizing-05);
   --select-padding: var(--spacing-sizing-03);
   --select-icon-width: var(--spacing-sizing-05);
+  overflow: hidden;
   position: relative;
   width: 100%;
-  max-width: 280px;
   outline: unset;
   min-height: var(--select-height);
   max-height: var(--select-height);
   display: flex;
   flex-direction: row;
+  align-items: center;
   gap: var(--spacing-sizing-02);
   flex-grow: 0;
   flex-shrink: 0;
@@ -27,30 +28,27 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
   border-radius: var(--radius-sm);
   background: var(--select-background);
   padding: 0 var(--select-padding);
+  cursor: pointer;
 }
-[data-bspk=select] [data-placeholder] {
-  display: block;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  padding: 0;
-}
-[data-bspk=select] [data-placeholder] [data-inner] {
-  min-height: auto;
-  padding: 0;
-}
-[data-bspk=select] [data-placeholder] [data-item-label] [data-text] {
-  color: var(--select-text-color);
+[data-bspk=select] [data-input] {
+  position: absolute;
+  opacity: 0;
+  inset: 0;
+  cursor: pointer;
 }
 [data-bspk=select] [data-icon] {
   display: flex;
   flex-direction: column;
   justify-content: center;
+  pointer-events: none;
 }
 [data-bspk=select] [data-icon] svg {
   transform: rotate(90deg);
   width: var(--select-icon-width);
 }
+[data-bspk=select] [data-bspk=list-item][data-bspk-owner=select] {
+  background: transparent;
+}
 [data-bspk=select] [data-bspk=list-item][data-selected] {
   background: var(--surface-brand-primary-highlight);
 }
@@ -77,7 +75,7 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
 [data-bspk=select]:disabled[aria-readonly]:not([data-empty]) {
   --select-text-color: var(--foreground-neutral-on-surface);
 }
-[data-bspk=select]:not(:disabled):focus {
+[data-bspk=select]:not(:disabled):focus-within {
   --select-border-color: var(--stroke-neutral-focus);
   border-width: 1px;
   outline: 1px solid var(--stroke-neutral-focus);
@@ -95,11 +93,7 @@ style.appendChild(document.createTextNode(`[data-bspk=select] {
 [data-bspk=select][data-invalid] {
   --select-border-color: var(--status-error);
 }
-[data-bspk=select][data-empty] {
-  --select-text-color: var(--foreground-neutral-on-surface-variant-03);
-}
 
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
 `));
 document.head.appendChild(style);
-

package/dist/components/SelectField/SelectField.d.ts

@@ -1,6 +1,6 @@
-import { FormFieldProps } from '../FormField';
-import { SelectProps } from '../Select';
-export type SelectFieldProps = Pick<SelectProps, 'disabled' | 'itemDisplayCount' | 'label' | 'name' | 'onChange' | 'options' | 'placeholder' | 'readOnly' | 'size' | 'value'> & Pick<FormFieldProps, 'controlId' | 'errorMessage' | 'helperText' | 'labelTrailing' | 'required'>;
+import { FormFieldWrapProps } from '-/components/FormField';
+import { SelectProps } from '-/components/Select';
+export type SelectFieldProps = FormFieldWrapProps<SelectProps>;
 /**
  * A component that allows users to input large amounts of text that could span multiple lines.
  *
@@ -29,11 +29,7 @@ export type SelectFieldProps = Pick<SelectProps, 'disabled' | 'itemDisplayCount'
  *     }
  *
  * @name SelectField
- * @phase DesignReview
+ * @phase Dev
  */
-declare function SelectField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...selectProps }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace SelectField {
-    var bspkName: string;
-}
-export { SelectField };
+export declare function SelectField({ label, helperText, controlId, labelTrailing, required, invalid, errorMessage, ...inputProps }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/SelectField/SelectField.js

@@ -29,12 +29,11 @@ import { Select } from '../Select';
  *     }
  *
  * @name SelectField
- * @phase DesignReview
+ * @phase Dev
  */
-function SelectField({ label, errorMessage: errorMessageProp, helperText, controlId: id, labelTrailing, required, ...selectProps }) {
-    const errorMessage = (!selectProps.readOnly && !selectProps.disabled && errorMessageProp) || undefined;
-    return (_jsx(FormField, { controlId: id, "data-bspk": "select-field", errorMessage: errorMessage, helperText: helperText, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => _jsx(Select, { ...selectProps, ...fieldProps, id: id, invalid: !!errorMessage, label: label }) }));
+export function SelectField({ label, helperText, controlId, labelTrailing, required, invalid, errorMessage, ...inputProps }) {
+    return (_jsx(FormField, { controlId: controlId, "data-bspk": "select-field", errorMessage: errorMessage, helperText: helperText, invalid: invalid, label: label, labelTrailing: labelTrailing, required: required, children: (fieldProps) => (_jsx(Select
+        //
+        , { ...inputProps, ...fieldProps, id: controlId, invalid: invalid, label: label })) }));
 }
-SelectField.bspkName = 'SelectField';
-export { SelectField };
 //# sourceMappingURL=SelectField.js.map

package/dist/components/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAe,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAiB1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAS,WAAW,CAAC,EACjB,KAAK,EACL,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACV,SAAS,EAAE,EAAE,EACb,aAAa,EACb,QAAQ,EACR,GAAG,WAAW,EACC;IACf,MAAM,YAAY,GAAG,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,IAAI,gBAAgB,CAAC,IAAI,SAAS,CAAC;IAEvG,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,EAAE,eACH,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,KAAC,MAAM,OAAK,WAAW,KAAM,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,GAAI,GACnG,CACf,CAAC;AACN,CAAC;AAED,WAAW,CAAC,QAAQ,GAAG,aAAa,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAe,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAI1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,GAAG,UAAU,EACE;IACf,OAAO,CACH,KAAC,SAAS,IACN,SAAS,EAAE,SAAS,eACV,cAAc,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,YAEjB,CAAC,UAAU,EAAE,EAAE,CAAC,CACb,KAAC,MAAM;QACH,EAAE;eACE,UAAU,KACV,UAAU,EACd,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACd,CACL,GACO,CACf,CAAC;AACN,CAAC"}

package/dist/components/SelectField/SelectFieldExample.d.ts

@@ -0,0 +1,23 @@
+import { SelectFieldProps } from '.';
+import { ComponentExample } from '-/utils/demo';
+export declare const presets: {
+    propState: {
+        controlId: string;
+        name: string;
+        id?: string | undefined;
+        value: string;
+        label: string;
+        invalid?: boolean | undefined;
+        disabled?: boolean | undefined;
+        options: import("../Select").SelectOption[];
+        size?: ("large" | "medium" | "small") | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-errormessage'?: string | undefined;
+        placeholder?: string | undefined;
+        readOnly?: boolean | undefined;
+        scrollLimit?: number | undefined;
+    };
+    label: string;
+    otherState?: Record<string, Record<string, unknown> | unknown> & Record<string, unknown>;
+}[];
+export declare const SelectFieldExample: ComponentExample<SelectFieldProps>;

package/dist/components/SelectField/SelectFieldExample.js

@@ -0,0 +1,13 @@
+import { presets as selectPresets, SelectExample } from '../Select/SelectExample';
+export const presets = selectPresets.map((preset, index) => ({
+    ...preset,
+    propState: {
+        ...preset.propState,
+        controlId: `example-select-${index}`,
+    },
+}));
+export const SelectFieldExample = {
+    defaultState: SelectExample.defaultState,
+    presets,
+};
+//# sourceMappingURL=SelectFieldExample.js.map

package/dist/components/SelectField/SelectFieldExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFieldExample.js","sourceRoot":"","sources":["../../../src/components/SelectField/SelectFieldExample.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAG5F,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACzD,GAAG,MAAM;IACT,SAAS,EAAE;QACP,GAAG,MAAM,CAAC,SAAS;QACnB,SAAS,EAAE,kBAAkB,KAAK,EAAE;KACvC;CACJ,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,kBAAkB,GAAuC;IAClE,YAAY,EAAE,aAAa,CAAC,YAAY;IACxC,OAAO;CACV,CAAC"}

package/dist/components/Skeleton/Circular.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton';
+export declare function SkeletonCircular(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Circular.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from './Skeleton';
+export function SkeletonCircular(props) {
+    return _jsx(Skeleton, { ...props, variant: "circular" });
+}
+//# sourceMappingURL=Circular.js.map

package/dist/components/Skeleton/Circular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circular.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Circular.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,UAAU,gBAAgB,CAAC,KAA8C;IAC3E,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,UAAU,GAAG,CAAC;AACtD,CAAC"}

package/dist/components/Skeleton/Photo.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton';
+export declare function SkeletonPhoto(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Photo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from './Skeleton';
+export function SkeletonPhoto(props) {
+    return _jsx(Skeleton, { ...props, variant: "photo" });
+}
+//# sourceMappingURL=Photo.js.map

package/dist/components/Skeleton/Photo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Photo.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Photo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,UAAU,aAAa,CAAC,KAA8C;IACxE,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,OAAO,GAAG,CAAC;AACnD,CAAC"}

package/dist/components/Skeleton/Profile.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton';
+export declare function SkeletonProfile(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Profile.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from './Skeleton';
+export function SkeletonProfile(props) {
+    return _jsx(Skeleton, { ...props, variant: "profile" });
+}
+//# sourceMappingURL=Profile.js.map

package/dist/components/Skeleton/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Profile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,UAAU,eAAe,CAAC,KAA8C;IAC1E,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,SAAS,GAAG,CAAC;AACrD,CAAC"}

package/dist/components/Skeleton/Rectangular.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonProps } from './Skeleton';
+export declare function SkeletonRectangular(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Skeleton/Rectangular.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Skeleton } from './Skeleton';
+export function SkeletonRectangular(props) {
+    return _jsx(Skeleton, { ...props, variant: "rectangular" });
+}
+//# sourceMappingURL=Rectangular.js.map

package/dist/components/Skeleton/Rectangular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rectangular.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Rectangular.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,UAAU,mBAAmB,CAAC,KAA8C;IAC9E,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,OAAO,EAAC,aAAa,GAAG,CAAC;AACzD,CAAC"}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
+export type SkeletonVariant = 'circular' | 'photo' | 'profile' | 'rectangular' | 'thumbnail';
 export type SkeletonProps = {
     /**
      * The variant of the skeleton that best hints the content being loaded.
      *
      * @default rectangular
      */
-    variant?: 'circular' | 'photo' | 'profile' | 'rectangular' | 'thumbnail';
+    variant?: SkeletonVariant;
     /**
      * The width of the skeleton. This is ignored when variant is 'profile' or 'thumbnail'.
      *
@@ -62,16 +63,7 @@ export type SkeletonProps = {
  * @exampleDescription This example shows a skeleton loading state for an image but can be used for any element.
  *
  * @name Skeleton
- * @phase DesignReview
+ * @phase UXReview
  */
-declare function Skeleton({ width, height, variant, children }: SkeletonProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
-declare namespace Skeleton {
-    var bspkName: string;
-}
-declare function SkeletonCircular(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
-declare function SkeletonPhoto(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
-declare function SkeletonProfile(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
-declare function SkeletonRectangular(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
-declare function SkeletonThumbnail(props: Pick<SkeletonProps, 'height' | 'width'>): import("react/jsx-runtime").JSX.Element;
-export { Skeleton, SkeletonCircular, SkeletonPhoto, SkeletonProfile, SkeletonRectangular, SkeletonThumbnail };
+export declare function Skeleton({ width, height, variant, children }: SkeletonProps): string | number | true | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */