@mekari/pixel3-styled-system 0.0.10-dev.0 → 0.0.10-dev.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @mekari/pixel3-styled-system
 
+## 0.0.10-dev.1
+
+### Patch Changes
+
+- 95fe7cd: - Update datepicker recipe.
+  - Update tabs recipe.
+- 04f23d5: - Generate new style.
+- 0792952: Generate new style
+
 ## 0.0.10-dev.0
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-styled-system",
   "description": "This package is auto-generated by Panda CSS",
-  "version": "0.0.10-dev.0",
+  "version": "0.0.10-dev.1",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/recipes/color-picker-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ColorPickerSlotRecipeVariant {
+  
+}
+
+type ColorPickerSlotRecipeVariantMap = {
+  [key in keyof ColorPickerSlotRecipeVariant]: Array<ColorPickerSlotRecipeVariant[key]>
+}
+
+export type ColorPickerSlotRecipeVariantProps = {
+  [key in keyof ColorPickerSlotRecipeVariant]?: ConditionalValue<ColorPickerSlotRecipeVariant[key]> | undefined
+}
+
+export interface ColorPickerSlotRecipeRecipe {
+  __type: ColorPickerSlotRecipeVariantProps
+  (props?: ColorPickerSlotRecipeVariantProps): Pretty<Record<"root" | "popoverTrigger" | "boxColor" | "inputTrigger" | "iconDropdown" | "popoverContent" | "wrapperAdvance" | "wrapperBasic" | "wrapperSaturation" | "wrapperHue" | "wrapperInput" | "boxPreset" | "wrapperPreset" | "wrapperBasicPreset", string>>
+  raw: (props?: ColorPickerSlotRecipeVariantProps) => ColorPickerSlotRecipeVariantProps
+  variantMap: ColorPickerSlotRecipeVariantMap
+  variantKeys: Array<keyof ColorPickerSlotRecipeVariant>
+  splitVariantProps<Props extends ColorPickerSlotRecipeVariantProps>(props: Props): [ColorPickerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ColorPickerSlotRecipeVariantProps>>]
+  getVariantProps: (props?: ColorPickerSlotRecipeVariantProps) => ColorPickerSlotRecipeVariantProps
+}
+
+
+export declare const colorPickerSlotRecipe: ColorPickerSlotRecipeRecipe

package/recipes/color-picker-slot-recipe.mjs

@@ -0,0 +1,84 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const colorPickerSlotRecipeDefaultVariants = {}
+const colorPickerSlotRecipeCompoundVariants = []
+
+const colorPickerSlotRecipeSlotNames = [
+  [
+    "root",
+    "color-picker__root"
+  ],
+  [
+    "popoverTrigger",
+    "color-picker__popoverTrigger"
+  ],
+  [
+    "boxColor",
+    "color-picker__boxColor"
+  ],
+  [
+    "inputTrigger",
+    "color-picker__inputTrigger"
+  ],
+  [
+    "iconDropdown",
+    "color-picker__iconDropdown"
+  ],
+  [
+    "popoverContent",
+    "color-picker__popoverContent"
+  ],
+  [
+    "wrapperAdvance",
+    "color-picker__wrapperAdvance"
+  ],
+  [
+    "wrapperBasic",
+    "color-picker__wrapperBasic"
+  ],
+  [
+    "wrapperSaturation",
+    "color-picker__wrapperSaturation"
+  ],
+  [
+    "wrapperHue",
+    "color-picker__wrapperHue"
+  ],
+  [
+    "wrapperInput",
+    "color-picker__wrapperInput"
+  ],
+  [
+    "boxPreset",
+    "color-picker__boxPreset"
+  ],
+  [
+    "wrapperPreset",
+    "color-picker__wrapperPreset"
+  ],
+  [
+    "wrapperBasicPreset",
+    "color-picker__wrapperBasicPreset"
+  ]
+]
+const colorPickerSlotRecipeSlotFns = /* @__PURE__ */ colorPickerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, colorPickerSlotRecipeDefaultVariants, getSlotCompoundVariant(colorPickerSlotRecipeCompoundVariants, slotName))])
+
+const colorPickerSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(colorPickerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const colorPickerSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...colorPickerSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const colorPickerSlotRecipe = /* @__PURE__ */ Object.assign(colorPickerSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'colorPickerSlotRecipe',
+  raw: (props) => props,
+  variantKeys: colorPickerSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, colorPickerSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/index.d.ts

@@ -10,7 +10,6 @@ export * from './popover-list-item-recipe';
 export * from './badge-recipe';
 export * from './textarea-recipe';
 export * from './tooltip-recipe';
-export * from './tab-list-recipe';
 export * from './tab-recipe';
 export * from './selected-border-recipe';
 export * from './table-recipe';
@@ -53,6 +52,7 @@ export * from './toast-slot-recipe';
 export * from './broadcast-slot-recipe';
 export * from './rich-text-editor-slot-recipe';
 export * from './date-picker-slot-recipe';
+export * from './time-panel-slot-recipe';
 export * from './table-date-slot-recipe';
 export * from './table-month-slot-recipe';
 export * from './table-year-slot-recipe';
@@ -64,4 +64,7 @@ export * from './timeline-slot-recipe';
 export * from './timeline-document-slot-recipe';
 export * from './timeline-log-slot-recipe';
 export * from './timeline-separator-slot-recipe';
-export * from './timeline-accordion-slot-recipe';
+export * from './timeline-accordion-slot-recipe';
+export * from './tab-list-slot-recipe';
+export * from './color-picker-slot-recipe';
+export * from './slider-slot-recipe';

package/recipes/index.mjs

@@ -9,7 +9,6 @@ export * from './popover-list-item-recipe.mjs';
 export * from './badge-recipe.mjs';
 export * from './textarea-recipe.mjs';
 export * from './tooltip-recipe.mjs';
-export * from './tab-list-recipe.mjs';
 export * from './tab-recipe.mjs';
 export * from './selected-border-recipe.mjs';
 export * from './table-recipe.mjs';
@@ -52,6 +51,7 @@ export * from './toast-slot-recipe.mjs';
 export * from './broadcast-slot-recipe.mjs';
 export * from './rich-text-editor-slot-recipe.mjs';
 export * from './date-picker-slot-recipe.mjs';
+export * from './time-panel-slot-recipe.mjs';
 export * from './table-date-slot-recipe.mjs';
 export * from './table-month-slot-recipe.mjs';
 export * from './table-year-slot-recipe.mjs';
@@ -63,4 +63,7 @@ export * from './timeline-slot-recipe.mjs';
 export * from './timeline-document-slot-recipe.mjs';
 export * from './timeline-log-slot-recipe.mjs';
 export * from './timeline-separator-slot-recipe.mjs';
-export * from './timeline-accordion-slot-recipe.mjs';
+export * from './timeline-accordion-slot-recipe.mjs';
+export * from './tab-list-slot-recipe.mjs';
+export * from './color-picker-slot-recipe.mjs';
+export * from './slider-slot-recipe.mjs';

package/recipes/slider-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface SliderSlotRecipeVariant {
+  
+}
+
+type SliderSlotRecipeVariantMap = {
+  [key in keyof SliderSlotRecipeVariant]: Array<SliderSlotRecipeVariant[key]>
+}
+
+export type SliderSlotRecipeVariantProps = {
+  [key in keyof SliderSlotRecipeVariant]?: ConditionalValue<SliderSlotRecipeVariant[key]> | undefined
+}
+
+export interface SliderSlotRecipeRecipe {
+  __type: SliderSlotRecipeVariantProps
+  (props?: SliderSlotRecipeVariantProps): Pretty<Record<"root" | "labelWrapper" | "sliderWrapper" | "progress" | "slider" | "inputWrapper" | "input" | "legendWrapper", string>>
+  raw: (props?: SliderSlotRecipeVariantProps) => SliderSlotRecipeVariantProps
+  variantMap: SliderSlotRecipeVariantMap
+  variantKeys: Array<keyof SliderSlotRecipeVariant>
+  splitVariantProps<Props extends SliderSlotRecipeVariantProps>(props: Props): [SliderSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SliderSlotRecipeVariantProps>>]
+  getVariantProps: (props?: SliderSlotRecipeVariantProps) => SliderSlotRecipeVariantProps
+}
+
+
+export declare const sliderSlotRecipe: SliderSlotRecipeRecipe

package/recipes/slider-slot-recipe.mjs

@@ -0,0 +1,60 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const sliderSlotRecipeDefaultVariants = {}
+const sliderSlotRecipeCompoundVariants = []
+
+const sliderSlotRecipeSlotNames = [
+  [
+    "root",
+    "slider__root"
+  ],
+  [
+    "labelWrapper",
+    "slider__labelWrapper"
+  ],
+  [
+    "sliderWrapper",
+    "slider__sliderWrapper"
+  ],
+  [
+    "progress",
+    "slider__progress"
+  ],
+  [
+    "slider",
+    "slider__slider"
+  ],
+  [
+    "inputWrapper",
+    "slider__inputWrapper"
+  ],
+  [
+    "input",
+    "slider__input"
+  ],
+  [
+    "legendWrapper",
+    "slider__legendWrapper"
+  ]
+]
+const sliderSlotRecipeSlotFns = /* @__PURE__ */ sliderSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sliderSlotRecipeDefaultVariants, getSlotCompoundVariant(sliderSlotRecipeCompoundVariants, slotName))])
+
+const sliderSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(sliderSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const sliderSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...sliderSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const sliderSlotRecipe = /* @__PURE__ */ Object.assign(sliderSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'sliderSlotRecipe',
+  raw: (props) => props,
+  variantKeys: sliderSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, sliderSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/tab-list-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TabListSlotRecipeVariant {
+  
+}
+
+type TabListSlotRecipeVariantMap = {
+  [key in keyof TabListSlotRecipeVariant]: Array<TabListSlotRecipeVariant[key]>
+}
+
+export type TabListSlotRecipeVariantProps = {
+  [key in keyof TabListSlotRecipeVariant]?: ConditionalValue<TabListSlotRecipeVariant[key]> | undefined
+}
+
+export interface TabListSlotRecipeRecipe {
+  __type: TabListSlotRecipeVariantProps
+  (props?: TabListSlotRecipeVariantProps): Pretty<Record<"root" | "list", string>>
+  raw: (props?: TabListSlotRecipeVariantProps) => TabListSlotRecipeVariantProps
+  variantMap: TabListSlotRecipeVariantMap
+  variantKeys: Array<keyof TabListSlotRecipeVariant>
+  splitVariantProps<Props extends TabListSlotRecipeVariantProps>(props: Props): [TabListSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TabListSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TabListSlotRecipeVariantProps) => TabListSlotRecipeVariantProps
+}
+
+
+export declare const tabListSlotRecipe: TabListSlotRecipeRecipe

package/recipes/tab-list-slot-recipe.mjs

@@ -0,0 +1,36 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const tabListSlotRecipeDefaultVariants = {}
+const tabListSlotRecipeCompoundVariants = []
+
+const tabListSlotRecipeSlotNames = [
+  [
+    "root",
+    "tab-list__root"
+  ],
+  [
+    "list",
+    "tab-list__list"
+  ]
+]
+const tabListSlotRecipeSlotFns = /* @__PURE__ */ tabListSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tabListSlotRecipeDefaultVariants, getSlotCompoundVariant(tabListSlotRecipeCompoundVariants, slotName))])
+
+const tabListSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(tabListSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const tabListSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...tabListSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const tabListSlotRecipe = /* @__PURE__ */ Object.assign(tabListSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'tabListSlotRecipe',
+  raw: (props) => props,
+  variantKeys: tabListSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, tabListSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})

package/recipes/time-panel-slot-recipe.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface TimePanelSlotRecipeVariant {
+  
+}
+
+type TimePanelSlotRecipeVariantMap = {
+  [key in keyof TimePanelSlotRecipeVariant]: Array<TimePanelSlotRecipeVariant[key]>
+}
+
+export type TimePanelSlotRecipeVariantProps = {
+  [key in keyof TimePanelSlotRecipeVariant]?: ConditionalValue<TimePanelSlotRecipeVariant[key]> | undefined
+}
+
+export interface TimePanelSlotRecipeRecipe {
+  __type: TimePanelSlotRecipeVariantProps
+  (props?: TimePanelSlotRecipeVariantProps): Pretty<Record<"root" | "column", string>>
+  raw: (props?: TimePanelSlotRecipeVariantProps) => TimePanelSlotRecipeVariantProps
+  variantMap: TimePanelSlotRecipeVariantMap
+  variantKeys: Array<keyof TimePanelSlotRecipeVariant>
+  splitVariantProps<Props extends TimePanelSlotRecipeVariantProps>(props: Props): [TimePanelSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TimePanelSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TimePanelSlotRecipeVariantProps) => TimePanelSlotRecipeVariantProps
+}
+
+
+export declare const timePanelSlotRecipe: TimePanelSlotRecipeRecipe

package/recipes/time-panel-slot-recipe.mjs

@@ -0,0 +1,36 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const timePanelSlotRecipeDefaultVariants = {}
+const timePanelSlotRecipeCompoundVariants = []
+
+const timePanelSlotRecipeSlotNames = [
+  [
+    "root",
+    "timePanel__root"
+  ],
+  [
+    "column",
+    "timePanel__column"
+  ]
+]
+const timePanelSlotRecipeSlotFns = /* @__PURE__ */ timePanelSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, timePanelSlotRecipeDefaultVariants, getSlotCompoundVariant(timePanelSlotRecipeCompoundVariants, slotName))])
+
+const timePanelSlotRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(timePanelSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const timePanelSlotRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...timePanelSlotRecipeDefaultVariants, ...compact(variants) })
+
+export const timePanelSlotRecipe = /* @__PURE__ */ Object.assign(timePanelSlotRecipeFn, {
+  __recipe__: false,
+  __name__: 'timePanelSlotRecipe',
+  raw: (props) => props,
+  variantKeys: timePanelSlotRecipeVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, timePanelSlotRecipeVariantKeys)
+  },
+  getVariantProps
+})